## 合并和压缩js 把 src/js 下的 js 文件编译后合并成一个js文件再打包到build 和 dist（添加压缩）目录下 ### 1。安装gulp-concat 和 gulp-uglify插件 ``` npm install --save-dev gulp-concat@2.6.1 //在根目录下执行（下载js合并插件） 2.6.1 ``` ``` npm install --save-dev gulp-uglify@3.0.1 //在根目录下执行（下载js压缩插件） 3.0.1 ``` ### 2。在gulpfile.js中添加下面的代码 ``` var concat = require('gulp-concat'); var uglify = require('gulp-uglify'); gulp.task('myjs',function(){ gulp.src('src/js/*.js') .pipe(concat('main.js')) //合并成为main.js文件 .pipe(gulp.dest('build')) //输出到build目录下 .pipe(uglify()) //读取和压缩js文件 .pipe(gulp.dest('dist')) //输出到dist目录下 }); ``` ### 3。项目目录下命令行窗口中执行 gulp all 在build可以看到js，在dist可以看到被压缩的js *****