Как включить разделение кода в Ant Design Pro?

Question

Пакет Ant Design Pro может стать довольно большим до gzip. Мой простой пакет был колоссальным 3.9MB. Как включить разбиение кода с помощью Ant Design Pro. Я не могу найти его в документации к V4 Ant Design Pro.

Answer 1

https://github.com/ant-design/ant-design-pro/blob/7effcb09f40bb00f707738f7fdc4d5852a8e2dc9/config/config.ts#L28-L32

Включите umi config dynamicImport.

https://umijs.org/plugin/umi-plugin-react.html#dynamicimport

Answer 2

Хорошо, я понял это. Публикация здесь, если у кого-то есть тот же вопрос, поскольку он еще не задокументирован. Оказывается, разделение кода по умолчанию отключено. Найдите атрибут dynamicImport в файле конфигурации и раскомментируйте его.

config/config.js

const plugins = [
  [
    'umi-plugin-react',
    {
      antd: true,
      dva: {
        hmr: true,
      },
      locale: {
        ...
        baseNavigator: true,
      },
      dynamicImport: {
        loadingComponent: './components/PageLoading/index',
        webpackChunkName: true,
        level: 3,
      },
     ...
    }
  ]
]