使用gulp的 imagemin 來壓縮圖片

使用gulp的 imagemin 來壓縮圖片，可壓縮 png, jpg, gif, svg等常見圖片皆可壓縮

gulp-imagemin官網

裝包

npm i -D gulp-imagemin imagemin-pngquant

gulpfile.js

var imagemin = require('gulp-imagemin'); 
var pngquant = require('imagemin-pngquant'); 

gulp.task('imagemin', function(){ 
  return gulp.src('src/images/*') 
  .pipe(imagemin({ 
     progressive: true, 
     svgoPlugins: [{removeViewBox: false}], 
     use: [pngquant()] 
   })) 
  .pipe(gulp.dest('dist/images')); 
});

 

du -sh *  使用此指令可以查看檔案大小