Question

Ant Design Pro捆绑软件在使用gzip之前可能会变得很大。我的简单捆绑包高达3.9MB。我们如何使用Ant Design Pro启用代码拆分。我似乎在V4 Ant Design Pro的文档中找不到它。

Answer 1

好，我知道了。如果有人有相同的问题，请在此处发布，因为尚未记录。事实证明，默认情况下代码拆分功能处于关闭状态。在配置文件中寻找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,
      },
     ...
    }
  ]
]

Answer 2

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

如何在Ant Design Pro中启用代码拆分？

2 个答案: