angular 怎么实现懒加载

懒加载也称惰性加载，是一种按需加载NgModule的模式，可以减小初始包的尺寸，从而减少加载的事件。Angular的惰性加载可以使用Anglar CLI来完成。

新建项目

ng new customer-app --routing

新增lazy-module懒加载模块：

ng generate module lazy-module --route lazy --module app.module

vscode的lazy-module就生成了：

在lazy-module.modules.ts中生成相应的路由：

angular cli会自己在app.module中完成相应懒加载设置：

const routes: Routes = [
  { path: 'lazy', loadChildren: () => import('./lazy-module/lazy-module.module').then(m => m.LazyModuleModule) },
];

 当我们访问/lazy就能够访问懒加载页面了，查看浏览器控制台，确实时这样。