图片压缩

打包时使用 image-webpack-loader 压缩图片

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
import { defineConfig } from 'umi';

export default defineConfig({
  chainWebpack(memo, { env, webpack, createCSSRule }) {
    // 在默认的 images 规则上，添加 image-webpack-loader 来压缩图片
    memo.module
      .rule('images')
      .use('image-webpack-loader')
      .loader(require.resolve('image-webpack-loader'))
      .options({
        options: {
          bypassOnDebug: true, // webpack@1.x
          disable: true, // webpack@2.x and newer
        },
      });
  },
});