vue2项目webpack图片压缩

在Vue2项目中使用Webpack进行图片压缩，可以使用以下步骤：

1. 安装相关依赖：`npm install image-webpack-loader --save-dev`

2. 在`webpack.config.js`中添加以下loader配置：

module: {
  rules: [
    {
      test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
      use: [
        {
          loader: 'url-loader',
          options: {
            limit: 8192, // 小于8KB的图片转成base64编码
            name: utils.assetsPath('img/[name].[hash:7].[ext]')
          }
        },
        {
          loader: 'image-webpack-loader',
          options: {
            mozjpeg: {
              progressive: true,
              quality: 65
            },
            optipng: {
              enabled: false,
            },
            pngquant: {
              quality: '65-90',
              speed: 4
            },
            gifsicle: {
              interlaced: false,
            },
            webp: {
              quality: 75
            }
          }
        }
      ]
    }
  ]
}

其中，`image-webpack-loader`用于压缩图片，`url-loader`用于将小于8KB的图片转为base64编码。

3. 配置完成后，重新启动Webpack即可生效。