Webpack 4 splitChunks 和动态导入：只部署新的/更新的模块？答案

【问题标题】：Webpack 4 splitChunks and dynamic imports: only deploy new/updated modules?Webpack 4 splitChunks 和动态导入：只部署新的/更新的模块？
【发布时间】：2019-12-04 19:25:27
【问题描述】：

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

【问题讨论】：

开始认为热模块更换 (HMR) 是答案...
看起来 HMR 主要是开发工具与产品。我在 webpack.config 输出中添加了 chunkFilename: "[name]/[name].bundle.js" 但没有骰子...仅部署新的/修改的包仍然会中断
开始考虑一个或多个优化设置可以让事情发挥作用......

标签： webpack

【解决方案1】：

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

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

我将进行更多测试，但现在我可以部署新的捆绑包和修改过的捆绑包，而无需部署构建生成的所有捆绑包。

【讨论】：