角度中一个延迟加载模块的多个延迟块文件

Question

我的 Angular 应用程序中有两个延迟加载模块。构建应用程序后，我注意到为同名的同一模块生成了 2 个惰性块文件，如下所示。

Lazy chunk files              | Names                          |  Raw size | Estimated transfer size
60.1880044024f2f918.js        | school-school-module           | 294.00 kB |                42.99 kB
636.cfdf85a3918d31b8.js       | student-student-module         | 234.85 kB |                32.28 kB
307.b581d1c3aea312a1.js       | student-student-module         | 89.09 kB  |                18.05 kB
common.f8f6f07a0903bb8e.js    | common                         |   1.57 kB |               646 bytes

运行应用程序时这不会导致任何问题，并且一切都按预期工作。但是，我需要澄清为什么会为

student-module

生成两个文件。

我尝试在

"optimization": true

中设置

"namedChunks": true

和

angular.json

，但没有成功。

Answer 1

如果学生模块正在导入其他共享模块或组件，Angular 的构建过程可能会将它们分割成单独的块以优化加载时间。如果多个块属于同一个延迟加载模块，这可能会导致多个块被类似地命名。