image-webpack-loader使用方法
时间: 2023-12-29 19:01:45 浏览: 67
image-webpack-loader是一个将图片文件压缩并优化的webpack loader。它的使用方法如下:
1. 安装image-webpack-loader包:
```
npm install image-webpack-loader --save-dev
```
2. 在webpack配置文件中使用loader:
```
module.exports = {
module: {
rules: [
{
test: /\.(jpe?g|png|gif|svg)$/i,
loader: 'image-webpack-loader',
options: {
mozjpeg: {
progressive: true,
},
optipng: {
enabled: false,
},
pngquant: {
quality: '65-90',
speed: 4
},
gifsicle: {
interlaced: false,
},
webp: {
quality: 75
},
},
},
],
},
};
```
以上是针对图片压缩的一般配置,你可以根据自己的需要进行调整。
阅读全文