[How to Configure Angular Modules Loaded by the Router] Lazy-loading a module via router #blog #angular

app.module.ts

// remove FooModule from imports

@NgModule({
  imports: [
    BrowserModule,
    RouterModule.forRoot([
      {
        path: "",
        loadChildren: () => import('./foo.module').then(m => m.FooModule),
      }
    ])
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule {}