Be compatible with React.lazy and Loadable Components.

[jinliming2]

Can this plugin compatible with React.lazy and Loadable Components?

import { Layout, Menu } from 'antd';
↓ ↓ ↓ ↓ ↓ ↓
const Layout = loadable(() => import('antd/es/layout'));
const Menu = loadable(() => import('antd/es/menu'));

Or something like:

const { Layout, Menu } = loadable(() => import('antd'));
↓ ↓ ↓ ↓ ↓ ↓
const Layout = loadable(() => import('antd/es/layout'));
const Menu = loadable(() => import('antd/es/menu'));

[KrishnaPG]

Looking for the same. For some reason, React.lazy does not seem to work with with antd. I am using CRA and unable to make the antd components load lazily no matter how much I tried. Wish they were compatible.

[KrishnaPG]

Was able to make the antd component load lazily as below:

const Card = React.lazy(() => import(/* webpackChunkName: "antSidebars", webpackPreload: true */ 'antd/lib/card/index'));
const Menu = React.lazy(() => import(/* webpackChunkName: "antSidebars", webpackPreload: true */ 'antd/lib/menu/index'));
const MenuItem = React.lazy(() => import(/* webpackChunkName: "antSidebars", webpackPreload: true */ 'antd/lib/menu/MenuItem'));
const SubMenu = React.lazy(() => import(/* webpackChunkName: "antSidebars", webpackPreload: true */ 'antd/lib/menu/SubMenu'));

[tianwawawa]

什么原因呢 有其他解决办法吗