是的,Angular CLI提供了创建惰性加载模块的明显选项。
步骤如下:
其中,“mymodule”为你的模块名称,“app”为你的主模块名称。 3. 运行以上命令后,你会在项目目录下的“src/app”文件夹中看到一个新的“mymodule”文件夹,它包含了一个“mymodule-routing.module.ts”文件和一个“mymodule.module.ts”文件,用于配置你的新模块和它的惰性加载路由。 4. 在你的应用程序中,你可以像这样使用逐层加载的路由器设置来实现惰性加载:
import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; const routes: Routes = [ { path: 'mymodule', loadChildren: './mymodule/mymodule.module#MyModule' } ]; @NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }
注意:这里使用了字符串缩写来指定MyModule,如果你想要使用模块的类型,请使用以下语法:
import { MyModule } from './mymodule/mymodule.module'; const routes: Routes = [ { path: 'mymodule', loadChildren: () => MyModule } ];