image-webpack-loader用法

Image-webpack-loader是一个Webpack插件，用于优化图片加载。它可以将图片压缩并转换为Base64编码，从而减少HTTP请求的数量，提高网站的性能。在Webpack配置文件中，可以通过以下方式使用image-webpack-loader：

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

这个配置将会把所有的图片文件都打包到outputPath指定的目录下，并且使用image-webpack-loader对图片进行优化处理。