在所有模块中使用常见的CSS，Angular 2 RC6

Question

我愿意使用一个通用的CSS，即我的所有应用程序模块的根CSS。这可以通过在所有组件中单独添加css路径到styleUrls标签来实现。有没有其他的方法，比如在NgModule级别包含css？

Answer 1

如果将样式添加到index.html页面，它们将应用于所有组件，但未应用视图封装仿真。

除此之外，我不认为Angular2本身提供任何东西。

Answer 2

今天我想知道这一点。没有模块化CSS的功能，所以我最终使用了Sass导入来实现我需要做的事情。

请注意，虽然它是重复性的，但它比具有应用程序范围的CSS更好，它胜过封装的目的。

给出下面的文件结构：

my-component/ 
├──first/ 
│ ├──first.component.ts  * first component 
│ ├──first.component.scss * first component's SCSS 
│ └──...     * first component's module, html etc. 
│ 
├──second/ 
│ ├──second.component.ts * second component 
│ ├──second.component.scss * second component's SCSS 
│ └──...     * second component's module, html etc. 
│ 
├──my-component.module.ts  * my component's module 
├──my-component.routes.ts  * my component's routes 
└──_shared.scss    * the shared partial SCSS 

我导入_shared部分进入我first.component.scss和second.component.scss，像这样：

@import '../shared';