webpack图片压缩

对于使用 webpack 进行图片压缩，你可以使用以下几种方法：

1. 使用 image-webpack-loader 插件：这是一个 webpack 插件，用于压缩图片。你需要安装它并将其添加到你的 webpack 配置中。首先，安装插件：

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

然后，在你的 webpack 配置文件中添加以下代码：

module: {
  rules: [
    {
      test: /\.(jpe?g|png|gif|svg)$/i,
      use: [
        'file-loader',
        {
          loader: 'image-webpack-loader',
          options: {
            bypassOnDebug: true,
            disable: true, // 可以根据配置项来禁用压缩，如开发环境不压缩图片
          },
        },
      ],
    },
  ],
}

2. 使用 webpack 插件 imagemin-webpack-plugin：这个插件使用 imagemin 库来压缩图片。首先，安装插件：

npm install imagemin-webpack-plugin --save-dev

然后，在你的 webpack 配置文件中添加以下代码：

const ImageminWebpackPlugin = require('imagemin-webpack-plugin').default;

module.exports = {