webpack压缩img

要使用webpack压缩图片，可以使用image-webpack-loader插件。首先需要安装该插件：

npm install image-webpack-loader --save-dev

然后在webpack.config.js中配置该插件：

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
              }
            },
          },
        ],
      },
    ],
  },
};

这里的配置项可以根据自己的需求进行调整，例如调整压缩质量、是否启用某些压缩方式等。配置完成后，运行webpack即可自动压缩图片。