gulp-imagemin
https://www.npmjs.com/package/gulp-imagemin
npm install gulp-imagemin --save
加上
gulp.task('image-min', ()=>
gulp.src('./source/images/*')
.pipe($.imagemin())
.pipe(gulp.dest('./public/images'))
);
輸入 gulp image-min
可以查看圖片壓縮的百分比
不過當圖片很多的時候
壓縮時間也更長
所以不建議在開發的時候就壓縮
可以釋出專案的時候在壓縮
所以我們可以改成
gulp.task('image-min', ()=>
gulp.src('./source/images/*')
.pipe($.if(option.env === 'production',$.imagemin()))
.pipe(gulp.dest('./public/images'))
);
並在 default補上
gulp.task('default',['jade','sass','babel','vendorJS','browser-sync','image-min','watch']);
那今天的介紹就到這裡
若有任何問題 或 內容有誤
都可以跟我說唷