css - すべてのモジュールで共通の CSS を使用する、Angular 2 RC6

Question

アプリのすべてのモジュールで共通の CSS、つまりルート CSS を使用したいと考えています。styleUrlsこれは、すべてのコンポーネントのタグにcss パスを個別に追加することで実現できます。NgModule レベルで css を含めるなど、他の方法はありますか?

Answer 1

今日も同じことを疑問に思っていました。モジュール単位の 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パーシャルを my first.component.scssandにインポートします。second.component.scss

@import '../shared';

Answer 2

ページにスタイルを追加するとindex.html、それらはすべてのコンポーネントに適用されますが、ビューのカプセル化エミュレーションは適用されません。

それに加えて、Angular2 自体は何も提供していないと思います。