webpack - webpack "runtime"文件有什么意义

Question

我今天使用 webpack 只转译我的核心业务逻辑代码，但仍然对所有外部库(如 jQuery、AngularJS 等)使用 CDN。我想通过使用 SplitChunksPlugin 将这些 vendor 库移至 webpack ，但是当我按照我在 SO 找到的示例进行操作时，我得到了要创建的 vendor 包，但同时它还创建了一些我不确定的额外文件。

对于我在 webpack 配置中声明的每个 entry 模块，webpack 不会同时创建这些文件的“运行时”版本”

例如，我有一个 company.productA.core.bundle.js ，我已经使用了一段时间，但在添加分割 block 的配置后，我现在也得到了一个 company .runtime~productA.core.bundle.js。 Webpack 对我创建的其他 8 个模块做了同样的事情。

我尝试搜索这些是什么，但在 webpack 文档和 SO 上都没有看到任何关于它们的信息。

有人可以向我解释一下这些文件的用途吗？

Answer 1

每个运行时文件都包含支持加载 block 的代码。如果您打开任何这些运行时文件，您将看到通过 Jsonp 加载 block 的代码。由于您已要求 webpack 分割 block ，因此您现在可以随时加载任何 block 。因此，对于每个 block ，webpack 都会发出这些运行时文件，以便它可以正确处理需求。