如何使用React和Typescript从服务器动态加载模块

时间:2017-10-09 23:27:30

标签: reactjs typescript webpack react-router

我有一个React / Typescript / Webpack / React-Router应用程序,其中包含一些相当大的JS模块。我目前在每个页面上都包含2个包(common.js和app.js)。 common.js是一个CommonsChunkPlugin包。

但是,common.js中有一个公平数量的代码,只在网站的很少页面上是必需的,除非必要,否则我不想从服务器加载或导入它们。我很好地确定了哪些页面需要这些库。

我已成功分裂了"大"库使用webpack进入他们自己的bundle(big.js),但我不知道如何有条件地包含它以便它只在我请求它时加载。好像我必须以某种方式有条件地将它包含在React中?

如何仅在某些React组件上动态包含webpack JS包?

1 个答案:

答案 0 :(得分:0)

您是否尝试过Dynamic Imports With Webpack 2