image-webpack-loader在哪配置
时间: 2023-05-20 10:02:27 浏览: 102
在vue中使用image-webpack-loader实例
image-webpack-loader可以在webpack配置文件中进行配置。在module.rules中添加一个新的规则,使用test属性匹配需要处理的文件类型,使用use属性指定使用的loader,其中包括image-webpack-loader。例如:
```
module.exports = {
module: {
rules: [
{
test: /\.(png|jpe?g|gif)$/i,
use: [
{
loader: 'file-loader',
},
{
loader: 'image-webpack-loader',
options: {
mozjpeg: {
progressive: true,
quality: 65
},
optipng: {
enabled: false,
},
pngquant: {
quality: [0.65, 0.90],
speed: 4
},
gifsicle: {
interlaced: false,
},
webp: {
quality: 75
}
},
},
],
},
],
},
};
```
阅读全文