Search code examples
javascriptreactjsant-design-pro

How do you enable code splitting in Ant Design Pro?


The Ant Design Pro bundle can get quite large before gzip. My simple bundle was a whopping 3.9MB. How do we enable code splitting with Ant Design Pro. I can't seem to find it in the V4 Ant Design Pro's documentation.


Solution

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

    Turn umi config dynamicImport on.

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