偶然发现项目中的图片未压缩
本来想加webpack-image-loader
但是发现项目中用了craco 快速构建工具把webpack配置都包裹起来了
于是下载了craco插件
craco-image-optimizer-plugin
配置代码 craco.config
const imageOptimizer = require('craco-image-optimizer-plugin');
{
plugin: imageOptimizer,
// image-webpack-plugin options
options: {
mozjpeg: {
progressive: true,
quality: 65,
},
// optipng.enabled: false will disable optipng
optipng: {
enabled: false,
},
pngquant: {
quality: [0.65, 0.9],
speed: 4,
},
gifsicle: {
interlaced: false,
},
// the webp option will enable WEBP
webp: {
quality: 75,
},
},
},
网友评论