在React / CRA / webpack中延迟加载共享组件

时间:2018-12-07 22:37:29

标签: reactjs webpack lazy-loading

我们有一个大型Monorepo,其中包含共享同一UI组件库的多个应用程序。 UI-lib已增长到+ 10MB,我们需要减小使用它的应用程序的捆绑包大小。

因此我们尝试了延迟加载。在没有UI-lib的情况下使用React.Lazy可以正常工作。 (即,将UI组件从lib移到应用中)。但是,按预期使用从UI-lib进行延迟加载的方法无效。该应用程序可以运行,但是会在初始加载时加载所有内容。

是否可以从外部npm链接程序包/纱线工作区延迟加载组件?

(在非ui-lib应用程序上使用Create React App)

0 个答案:

没有答案