首页 > 解决方案 > Webpack 4 splitChunks 和动态导入:只部署新的/更新的模块?

问题描述

我一直致力于通过生成多个包来改进客户端缓存。我已经进行了设置,因此在我网站的所有页面之间共享了 1 个 entry.js,并且特定于页面的模块在运行时有条件地动态导入。我的 Webpack 使用 splitChunks 包和通过 Webpack 的动态导入和魔术注释功能自动生成的包。我遇到的问题是,当我构建时,如果我只部署新的/修改的包以及 entry.js,那么一切都会失败。我可以以某种方式配置 Webpack 以在内部保持其包引用在不同构建中相同,以便我只能部署新的/修改过的包?

标签: webpack

解决方案


所以我发现我需要在 webpack.config 中设置 2 个配置:

configuration.moduleIds: "named",
configuration.chunkIds: "named",

我要做更多的测试,但现在我可以部署一个新的包和修改过的包,而无需部署构建生成的所有包。


推荐阅读