1.0.1 • Published 5 years ago
webpack-image-compression v1.0.1
webpack-image-compression
开发灵感:
- 解决项目中压缩频繁在线压缩图片;
- 解决项目中图片被压缩多次导致的图片失真;
使用:
const webpackImageCompression = require('webpack-image-compression');
new webpackImageCompression({
compressDir: 'src',
key: '**********'
}),
参数说明:
名称 | 说明 | 是否必填 |
---|---|---|
compressDir | 压缩图片检索文件夹名称 | true |
key | tinify 压缩图 key | False |
常见 Q & A:
1、key 是什么? 从哪里获取?
答:详情请见: https://tinypng.com/developers/reference/nodejs
2、不设置key的后果?
答: 默认使用插件自带的key,每个月限量 500 张图片,后续迭代会成不限量。
3、compressDir 不设置会有什么后果?
答:压缩检索不到文件夹会导致插件报错。
4、加上插件后为什么会打包这么慢?
答: 由于在打包过程中会逐步压缩图片。导致 Build 时间延长。后续会优化这一点。