image-webpack-loader配置步骤

首先，你需要在你的项目中安装 image-webpack-loader，可以使用 npm install image-webpack-loader 命令进行安装。然后，在 webpack 配置文件中添加以下代码：

module: {
  rules: [
    {
      test: /\.(jpe?g|png|gif|svg)$/i,
      use: [
        '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
            }
          }
        },
      ],
    },
  ],
},

这段代码会将图片文件通过 file-loader 加载，并使用 image-webpack-loader 进行压缩和优化。其中，mozjpeg、optipng、pngquant、gifsicle 和 webp 都是图片格式的优化工具，可以根据需要进行配置。