• home > tools > Bundler > gulp >

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

    Author:[email protected] Date:

    用webpack压缩图片有个好处,就是可以控制,图片在什么范围内压缩。在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

    上一篇:First page
    下一篇:Last page