Lazy Loading သည် modules များကို လိုအပ်သောအခါမှသာ load လုပ်ပြီး initial bundle size ကို လျှော့ချနိုင်သည်။
typescript
// app-routing.module.ts
const routes: Routes = [
{
path: 'admin',
loadChildren: () => import('./admin/admin.module')
.then(m => m.AdminModule)
},
{
path: 'users',
loadChildren: () => import('./users/users.module')
.then(m => m.UsersModule)
}
];
// admin-routing.module.ts (inside admin folder)
const routes: Routes = [
{ path: '', component: AdminDashboardComponent },
{ path: 'users', component: AdminUsersComponent },
{ path: 'settings', component: AdminSettingsComponent }
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class AdminRoutingModule { }You should see
(Admin module သည် /admin route သို့သွားသောအခါမှသာ load ဖြစ်ပြီး performance ကောင်းလာသည်)