webpack“运行时”文件有什么意义

Question

我现在使用 webpack 仅转换我的核心业务逻辑代码，但仍在为所有外部库（如 jQuery、AngularJS 等）使用 CDN。我想使用 SplitChunksPlugin 将这些供应商库移动到 webpack 中，但是当我按照我在 SO 找到的示例时，我得到了要创建的供应商捆绑包，但同时它还创建了一些我不确定的额外文件。

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

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

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

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

Answer 1

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