笔记：REACT webpack优化-图片压缩处理

场景：项目使用到很多图片 但是有的图片很大 这时就需要优化压缩一下

需要的依赖：

        1.url-loader

        2.image-webpack-loader

    

具体配置👇👇👇

module.exports = {
  webpack: {
    module: {
      strictExportPresence: true,
      rules: [
        {
          oneOf: [
            {
              test: [/\.bmp$/, /\.gif$/, /\.jpe?g$/, /\.png$/],
              loader: [
                require.resolve("url-loader") +
                  "?limit=10000&name=static/media/[name].[hash:8].[ext]",
                "image-webpack-loader",
              ],
            },
          ],
        },
      ],
    },
  },
};

优化效果：✈✈✈