title: Module-scoped css files
body: <p>TLDR in Angular 9, is it possible to lazy load CSS styles (not component-specific)?</p>
  
  <hr>
  
  <p>My module structure:</p>
  
  <pre><code>AppModule
    |--AppFormsModule
    |--AppSharedModule
  
  AdminModule
    |--AppFormsModule
    |--AppSharedModule
  </code></pre>
  
  <p>AdminModule is lazy loaded via a route in my main app module:</p>
  
  <pre><code>{
    path: appPaths.admin.path,
    canLoad: [ChapterAdminGuardService],
    loadChildren: () =&gt; import('../modules/admin/admin.module').then(m =&gt; m.AdminModule)
  }
  </code></pre>
  
  <p>I have some amount of css that is specific to several components in the admin module. It is currently bundled into the global css file along with the css used by my main module.</p>
  
  <p>Is it possible to lazy-load this css from somewhere else? With the clear benefit that extra resources aren't downloaded by the client until needed.</p>
  
  <p>Ideally I would be able to specify that specific style bundles should be loaded for specific modules.</p>
  
  <p>I am also open to different approaches. For example - is it possible to specify that a module should use a different version of index.html?</p>