Angular 9延迟加载模块的每个组件

Question

我有一个模块，其中包含大量的组件，这些组件可通过不同的子路由访问。我已经延迟加载模块了，但是我想知道是否可以延迟加载子组件：

const appRoutes：路线= [

{ path: '', component: HomeComponent, canActivate: [AuthGuardService], children:
[
  { path: '', component: DashboardComponent, canActivate: [AuthGuardService] },
  { path: 'users', component: UsersComponent, canActivate: [AuthGuardService] },=> I want to lazy load that
  { path: 'account', component: AccountComponent, canActivate: [AuthGuardService] },=> I want to lazy load that
  { path: 'invoices', component: InvoicesComponent, canActivate: [AuthGuardService] },=> I want to lazy load that
  { path: 'upgrade', component: StripeFormComponent, canActivate: [AuthGuardService] }   => I want to lazy load that   
]

}，];

是否有可能？谢谢

Answer 1

您可以在此处了解有关组件延迟加载的信息：https://johnpapa.net/angular-9-lazy-loading-components/但我认为将每个组件分隔为模块是更好的主意