Typescript ANGLING v17 CLI默认设置为独立：延迟加载是否仍需要@NgModule进行路由

发布于01月21日

ANGLE v17以后的版本默认使用CLI中的独立方法，并且没有更明确地使用@NgModule来组织应用程序.我的问题是关于使用新的默认配置的延迟加载.

假设我用以下方式定义我的路由(因为我使用独立组件):

export const routes: Routes = [
    {'path' : '', component: DashboardComponent},
    {'path' : 'users', component: UsersComponent},
    {'path' : '**', component: DashboardComponent},
];

延迟加载是否仍然适用于这种新的面向独立的方法，或者是否有必要坚持传统的@NgModule和功能模块的方式来应用Angular v17中的延迟加载概念？我很感激任何与这种潜在的行为变化相关的见解，经验或文档参考.

推荐答案

如果您想对独立组件使用延迟加载，您可以使用loadComponent而不是component！

Lazy loading a standalone component - Angular Docs个

export const routes: Routes = [
    {'path': '', component: DashboardComponent},
    {
      // here users route component will get lazy loaded, by using a callback with import statement!
      'path': 'users', 
      loadComponent: () =>
      import('./app/users/users.component').then(
        (mod) => mod.UsersComponent
      ),
    },
    {'path': '**', component: DashboardComponent},
];

你仍然可以使用ngModulesit可以接受，只是单机版是新的主流方式.

这是一个堆栈闪电战，其中两个都实现了，来自另一个SO问题

SO Question个

Forked Stackblitz个