angular - 为什么延迟加载 Angular 模块会创建额外的 block default~customer-customer-module~order-order-module？

Question

我的应用程序包含 5 个模块 - CoreModule、SharedModule、UserModule、CustomerModule 和 OrderModule。 UserModule、CustomerModule 和 OrderModule 是延迟加载的模块。

当我ng服务器应用程序时，它应该生成3个 block - user-user-module、customer-customer-module和订单订单模块。

但它正在创建另一个额外的 block default~customer-customer-module~order-order-module以及这三个 block 。

现在在本地主机中运行应用程序，打开开发人员工具的“网络”选项卡:

1. 导航到 UserModule，user-user-module.js 已加载。
2. 导航到 CustomerModule、default~customer-customer-module~order-order-module.js 和 customer-customer-module.js 已加载。

我的查询是:

1. 为什么 Angular CLI 要创建这个额外的 block default~customer-customer-module~order-order-module？
2. 导航到 UserModule 时，仅加载 user-user-module.js。但是为什么当导航到 CustomerModule< 时会加载 default~customer-customer-module~order-order-module.js 和 customer-customer-module.js/？

我需要知道可能的原因是什么。我无法分享我的源代码。请给出您的固执己见的答案。

Angular 版本:7.3.9。

Answer 1

这是 webpack 的一项功能，称为 split-chunks

它生成了一个共享的依赖项包，可在您的客户模块和订单模块中使用。