## 合并和壓縮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 *****