如何检查Angular Module延迟加载是否可在Chrome上运行？

Question

如何检查使用Chrome开发者工具打开的模块的js文件是否被延迟加载？

Answer 1

根据Angular的延迟加载指南：

您可以查看Chrome开发人员工具是否确实在延迟加载模块。在Chrome中，通过在Mac上按Cmd + Option + i或在PC上按Ctrl + Alt + i来打开开发工具，然后转到“网络”标签。

一旦执行了延迟加载模块的操作，就应该能够在“网络”选项卡中看到加载的块。像这样：

注意：另一个重要的检查是确保延迟加载的模块不会再次加载。要确认，请移动到其他路径，然后再次单击“操作”，这一次它不会进行网络调用来加载该块，因为它已经被加载了。