2016-10-20 4 views
3

私はAngular 2スタイルガイド(angular.io)のプロジェクト構造を見てきました。彼らが推薦するものは意味があるようですが、私は約1つのことを混同しています。共通のCSSをどこに置くのですか?一般的なCSSを角2に配置する場所

一般的なCSSでは、複数の他のCSSファイルにインポートするSassパーシャルのようなものについて話しています。あるいは、HTMLの場合でも、テンプレート言語を使用している場合。

答えて

2

SCSSを使用する場合は、共通のスタイルを含むshared/shared.scssファイルを作成することをお勧めします。 他のコンポーネントをインポートして、@import '../shared/sharedをscssファイルの上に追加して、その共通スタイルを使用します。

+0

これは、私がやってきたアプローチとほぼ同じです。違いは、私は多くのSassファイルを共有していたので、_shared/scss_というフォルダを作成しました。 – tsmith18256

1

Angular 2 Style Guideの「App Structure and Angular Modules」までスクロールします。公式のアプリの構造には、共有ファイルがあるべきsharedフォルダ(appフォルダの1つ)があります。共有CSSファイルは、対応するsharedフォルダに移動する必要があります。

+0

としてバンドルするには、このファイルは、あなただけの「スタイル」と呼ばれるフォルダまたは共有フォルダ内のようなものになるだろう言及しますか?私は主に、アプリ内のすべてのボタンの共通のスタイルのような、単一のコンポーネントに必ずしも結びついていないスタイルを考えています。 – tsmith18256

+0

あなたは 'app.component.ts'を持っていてどこにでも' app.component.css'を持っていませんか? –

+0

私は、CSSを多く共有している大規模プロジェクトでは、CSSを比較的小さなファイルに分割したいと考えています。 – tsmith18256

6

angle cliを使用してプロジェクトを作成した場合は、というファイルがsrcフォルダにあります。すべての一般的なスタイルをこのファイルに入れます。

.angular-cli.jsonファイルは、スタイル

"styles": [ 
     "styles.css" 
     ], 
+1

なぜdownvote? –

関連する問題