gulp图片压缩插件imagemin配置使用范例

用webpack压缩图片有个好处，就是可以控制，图片在什么范围内压缩。

在gulp插件中，imagemin配置，只有图片压缩等级，没有看到图片压缩大小控制范围

其实，这个之前在grunt里面的教程里面有没有讲过，忘记了，这个也没有什么好学。把这个抄到你们的代码中就可以了！如下：

gulp.task('images',function(){
   return gulp.src('app/images/**/*')
    .pipe($.if($.if.isFile, $.cache($.imagemin({
        optimizationLevel: 5, //类型：Number  默认：3  取值范围：0-7（优化等级）
        progressive: true, //类型：Boolean 默认：false 无损压缩jpg图片
        interlaced: true, //类型：Boolean 默认：false 隔行扫描gif进行渲染
        multipass: true,//类型：Boolean 默认：false 多次优化svg直到完全优化
       svgoPlugins: [{cleanupIDs: false}],
        // use: [pngquant()] //使用pngquant深度压缩png图片的imagemin插件//不要移除svg的viewbox属性
    }))
    .on('error', function (err) {
      console.log(err);
      this.end();
    })))
    .pipe(gulp.dest(config.dist+'/images'));
});

转载本站文章《gulp图片压缩插件imagemin配置使用范例》,
请注明出处：https://www.zhoulujun.cn/html/tools/Bundler/gulp/2017_0110_7938.html