title: Angular 9 lazy load each component of a module
body: <p>I have a module who has a big set of components that are accessed by different subroutes. I'm already lazy loading the module, but I'd like to know if it's possible to lazy load the subcomponents:</p>
  
  <pre><code>const appRoutes: Routes = [
    {
      path: '',
      component: HomeComponent,
      canActivate: [AuthGuardService],
      children: [
        {
          path: '',
          component: DashboardComponent,
          canActivate: [AuthGuardService]
        },
        {
          path: 'users',
          component: UsersComponent, // I want to lazy load that
          canActivate: [AuthGuardService]
        },
        {
          path: 'account',
          component: AccountComponent, // I want to lazy load that
          canActivate: [AuthGuardService]
        },
        {
          path: 'invoices',
          component: InvoicesComponent, // I want to lazy load that
          canActivate: [AuthGuardService]
        },
        {
          path: 'upgrade',
          component: StripeFormComponent, // I want to lazy load that
          canActivate: [AuthGuardService]
        }
      ]
    }
  ];
  </code></pre>
  
  <p>Any idea if that's possible?</p>