我有一个React / Typescript / Webpack / React-Router应用程序,其中包含一些相当大的JS模块。我目前在每个页面上都包含2个包(common.js和app.js)。 common.js是一个CommonsChunkPlugin包。
但是,common.js中有一个公平数量的代码,只在网站的很少页面上是必需的,除非必要,否则我不想从服务器加载或导入它们。我很好地确定了哪些页面需要这些库。
我已成功分裂了"大"库使用webpack进入他们自己的bundle(big.js),但我不知道如何有条件地包含它以便它只在我请求它时加载。好像我必须以某种方式有条件地将它包含在React中?
如何仅在某些React组件上动态包含webpack JS包?