css - 在所有模块中使用通用 CSS，Angular 2 RC6

Question

我愿意在应用程序的所有模块中使用一个通用的 css，即我的根 css。这可以通过styleUrls在所有组件中单独添加 css 路径来标记来实现。还有其他方法吗，比如在 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.scssandsecond.component.scss中，如下所示：

@import '../shared';