美文网首页
gulp-concat js-压缩并合并

gulp-concat js-压缩并合并

作者: 木易先生灬 | 来源:发表于2018-10-20 09:03 被阅读0次

引入 gulp 模块

var gulp = require('gulp');

引入 uglify 压缩 模块

var uglify = require('gulp-uglify');

引入 js 合并模块

var concat = require("gulp-concat");

压缩 并 合并 js文件

gulp.task('jsTask', function () {
    gulp.src(['./src/js/index.js','./src/js/common.js'])
        .pipe(uglify()) // 压缩 js 文件
        .pipe(concat('all.min.js')) // 合并为all.min.js 文件
        .pipe(gulp.dest('./dist/js')) // js 输出的路径
})

相关文章

  • gulp-concat js-压缩并合并

    引入 gulp 模块 引入 uglify 压缩 模块 引入 js 合并模块 压缩 并 合并 js文件

  • gulp篇:速玩JS文件合并和压缩

    gulp合并插件 安装:npm install gulp-concat --save-dev 安装好之后 var ...

  • gulp实用插件

    gulp-rename 重命名 delete 清除目录 gulp-concat 合并文件 gulp-zip gu...

  • gulp配置

    一、组件 1、gulp-concat 代码合并 2、gulp-autoprefixer:css代码自动补全前缀 3...

  • 面试汇总浏览器相关知识点

    前端性能优化方案? 减少页面体积,提升网络加载 静态资源的压缩合并(JS 代码压缩合并、CSS 代码压缩合并、雪碧...

  • 前端性能优化

    1. html压缩 2. css压缩,是否合并? 3. js压缩,是否合并? 4. 图片压缩,base64,雪碧图...

  • 项目构建

    项目构建 gulp 合并、编译、压缩等 简单 使用 webpack 合并、编译、压缩等 强大 使用

  • 性能优化总结

    资源的合并与压缩 核心:减少http请求数量(合并)减少资源请求大小(压缩) html压缩:压缩这些在文本文件中有...

  • Web性能优化

    1、压缩及合并资源使用webpack或Parcel压缩图片、合并CSS和JS文件在线压缩图片网站:https://...

  • 前端资源优化解决方案

    前言 常见的资源优化方案有:1.资源压缩与合并2.图片格式优化3.图片加载优化 资源压缩与合并 为什么要压缩与合并...

网友评论

      本文标题:gulp-concat js-压缩并合并

      本文链接:https://www.haomeiwen.com/subject/vhppzftx.html