Angular v17默认独立模式：懒加载仍需@NgModule用于路由吗？

明确结论：独立组件模式完全支持懒加载，不需要依赖@NgModule特性模块，你的现有路由配置只是没用到懒加载语法而已。

现有路由配置的问题 #

你当前的路由直接声明component属性，属于即时加载逻辑，自然不会触发懒加载。要实现懒加载，需要改用独立组件专属的懒加载语法。

独立组件的懒加载写法 #

基础实现示例 #

修改路由配置为以下形式，即可实现UsersComponent的懒加载：

export const routes: Routes = [
  { path: '', component: DashboardComponent },
  { 
    path: 'users', 
    loadComponent: () => import('./users/users.component').then(m => m.UsersComponent) 
  },
  { path: '**', component: DashboardComponent },
];

• loadComponent是Angular 14+针对独立组件新增的路由属性，专门用来懒加载独立组件，不需要任何NgModule包裹。
• 动态import()语法会让Angular把该组件打包成单独的代码块，只有当用户访问/users路径时才会加载对应的chunk。

补充说明 #

• 兼容遗留NgModule：如果项目中还有未迁移的NgModule特性模块，依然可以用loadChildren语法加载，两种懒加载写法可以共存。
• 预加载策略支持：独立组件模式下同样支持预加载（比如PreloadAllModules或自定义预加载策略），配置逻辑和NgModule模式一致。
• 路由守卫适配：懒加载的独立组件可以正常搭配canActivate、canLoad等路由守卫，写法无变化。

内容的提问来源于stack exchange，提问作者Exoor