javascript - 如何检查 Angular 模块延迟加载是否适用于 Chrome？

Question

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

Answer 1

根据 Angular's Lazy Loading guide :

You can check to see that a module is indeed being lazy loaded with the Chrome developer tools. In Chrome, open the dev tools by pressing Cmd+Option+i on a Mac or Ctrl+Alt+i on a PC and go to the Network Tab.

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

注意: 另一个重要的检查是确保不会再次加载延迟加载的模块。为了确认，移动到不同的路线，然后再次点击 Action，这次它不会进行网络调用来加载 block ，因为它已经被加载。