在所有模塊中使用常見的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';