我如何检查或证明 angular2 中的模块是延迟加载的？

Question

如果我可以访问 angular2 应用程序的代码并且有一个模块被认为是延迟加载的，有没有一种方法可以独立于检查代码来测试该模块以查看它是否是延迟加载的。如果有必要并且没有其他方法，我可以将代码添加到有问题的模块中进行测试，如果可能的话。但是我要添加什么代码？

Answer 1

在 Google Chrome浏览器。

如果您的模块未延迟加载，您将在网站首次加载时在网络选项卡中看到该模块的一行。

如果它被正确延迟加载，那么只有当您导航到相应的路线时，您才会看到该模块的行。

希望这对您有所帮助。

Answer 2

背景概念： 首先，关于延迟加载需要明确一点。当您延迟加载时，它基本上是在内存 (RAM) 中延迟加载您的模块，而不是从网络或服务器加载。模块（js 脚本）已存在于浏览器缓存 (HD) 中 - 在应用程序加载期间从网络获取。因此，延迟加载特定模块有助于内存优化，而不是网络优化。

如何检查：只需在模块class定义

的构造函数中放入一个console.log

import { NgModule } from '@angular/core';

import { LazyComponent } from './lazy.component';
import { LazyService } from './lazy.service';

@NgModule({
  imports: [ ],
  declarations: [ LazyComponent ],
  providers: [LazyService]
})

export class LazyModule {
  constructor() {
    console.log('Lazily Loaded : LazyModule');
  }
}

Answer 3

您可以检查您的模块是否以惰性方式或非惰性方式加载。只需检查元素（在浏览器中右键单击鼠标）或 Ctrl+Shift+I ，转到网络选项卡，看看您是否能够在网络调用中看到 chunk.js 文件。如果是，则您的模块正在以惰性方式加载。

我如何检查或证明 angular2 中的模块是延迟加载的？

How can I check or prove that a module in angular2 is lazy loaded?

module

lazy-loading

angular