## 壓縮圖片 src/image 下的 圖片文件壓縮到build 和 dist（添加壓縮）目錄下 ***** ### 1。安裝gulp-concat和gulp-uglify插件 ``` cnpm install --save-dev gulp-imagemin@4.1.0 //在根目錄下執行（下載壓縮圖片的插件） ``` ### 2.在gulpfile.js中添加下面的代碼 ``` var imagemin = require('gulp-imagemin'); gulp.task('myimage', function() { gulp.src('src/images/*') /*讀取所有的圖片文件*/ .pipe( imagemin() ) /*將讀取所有的圖片文件進行壓縮 */ .pipe( gulp.dest('build/images')) /*再將讀取壓縮后的文件寫到build目錄（沒有會自動新建）*/ }); ``` ### 3。項目目錄下命令行窗口中執行 gulp all 在build/images可以被壓縮的圖片 **gulp.task('default',\['all'\]);**表示所有任務一起執行（在命名控制窗口中只輸入gulp就可以執行）