Webpack图片压缩插件

概括

webpack编译完成后，对图片进行逐个同步压缩，压缩机制使用imagemin和tinify

特点

• 支持jpg, jpeg, jfif, png, svg, gif等图片格式
• 支持覆盖或者添加后缀重命名模式
• 支持出错重试，默认最多重试3次
• 支持导出报告文件

安装

npm install image-compress-plugin -D

使用

// webpack.config.js

const ImageCompressPlugin=require('image-compress-plugin')

module.exports={
  plugins:[
    new ImageCompressPlugin()
  ]
}

参数选项

|参数|默认值|说明| |:---|:---:|:---| |key|null|使用tinify压缩的API Key| |overwrite|true|是否覆盖原输出图片(图片源文件不受影响)| |affix|-cp|如果overwrite为false, 那么定义压缩后图片名称后缀| |pngquant|{}|使用imagemin-pngquant压缩png的选项| |gifsicle|{colors:64}|使用imagemin-gifsicle压缩gif选项| |mozjpeg|{quality: 80}|使用imagemin-mozjpeg压缩jpg,jpeg等选项| |svgo|{}|使用imagemin-svgo压缩svg选项| |timeout|120|压缩无响应最大时间限制，单位(秒)| |retry|3|压缩失败最多重试次数| |report|false|是否需要导出压缩报告|