Lazy Loading - Oddziały na Żądanie

Lazy loading to technika ładowania modułów dopiero gdy są potrzebne - jak wysyłanie oddziałów dopiero gdy zajdzie potrzeba.

Konfiguracja Lazy Loading

// app-routing.module.ts
const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },

  // Lazy loaded modules
  {
    path: 'samurai',
    loadChildren: () => import('./features/samurai/samurai.module')
      .then(m => m.SamuraiModule)
  },
  {
    path: 'dojo',
    loadChildren: () => import('./features/dojo/dojo.module')
      .then(m => m.DojoModule)
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Routing w Feature Module

// features/samurai/samurai-routing.module.ts
const routes: Routes = [
  { path: '', component: SamuraiListComponent },
  { path: ':id', component: SamuraiDetailComponent },
  { path: ':id/edit', component: SamuraiFormComponent }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],  // forChild, nie forRoot!
  exports: [RouterModule]
})
export class SamuraiRoutingModule { }

Korzyści Lazy Loading