Angular 2 - 基于当前活动组件在多个bundle中加载css

Question

我的应用程序将有3个主要分支。

• 公共
• 客户端
• 管理

我计划为每个分支生成3个css文件包，并希望浏览器缓存它们（大文件）。

问题是我只能在index.html（styles.bundle.css）中缓存public.css。但无论我尝试哪种方法，client.css和admin.css都会注入样式标记内的头部

我如何：

1. 将管理员/客户端样式保存在仅管理员/客户端组件启动的.css文件中？
2. 避免将任何css注入头部。

如果可能，我想避免使用webpack / systemJS方法（如果有的话）。