0.1.5 • Published 4 years ago
image-compress-plugin v0.1.5
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 | 是否需要导出压缩报告 |