我正在使用webpack 2来捆绑所有Javascript(准确的Typescript,但我认为它不重要,是吗?)React / Redux SPA。我的依赖项在node_modules
中,与yarn一起安装。
到目前为止,我只是把所有依赖项和应用程序代码放在一个bundle.js
中。但是,由于我们经常更改应用程序并持续部署所有更改,因此我们非常希望将所有依赖项拆分为单独的包以改进缓存并减少客户端需要获取的JS数量。
使用关于Code Splitting – Libraries的文档,我设法将webpack配置为将所有node_modules
拆分为单独的JS文件,但是我注意到每次更改应用程序时依赖关系包的chunkhash都会更改代码,哪种引导分裂广告荒谬。
问题记录在Manifest File部分,但这就是我迷路的地方。我无法正确拆分manifest
捆绑包。特别是上一节中设置minChunks
以拆分所有节点模块的配置在本节中已经消失,相反,它似乎将依赖关系列为单独的入口点。现在,我有大约20个依赖项左右,我不想在webpack配置中重复所有这些依赖项。
如何让webpack将所有node_module拆分为一个单独的bundle,它只在我更改node_modules
时才会更改,而不会将所有依赖模块重复为入口点?