Gulp 图片压缩 DAY91

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']);

那今天的介绍就到这里
若有任何问题 或 内容有误
都可以跟我说唷