私はAngular 2スタイルガイド(angular.io)のプロジェクト構造を見てきました。彼らが推薦するものは意味があるようですが、私は約1つのことを混同しています。共通のCSSをどこに置くのですか?一般的なCSSを角2に配置する場所
一般的なCSSでは、複数の他のCSSファイルにインポートするSassパーシャルのようなものについて話しています。あるいは、HTMLの場合でも、テンプレート言語を使用している場合。
私はAngular 2スタイルガイド(angular.io)のプロジェクト構造を見てきました。彼らが推薦するものは意味があるようですが、私は約1つのことを混同しています。共通のCSSをどこに置くのですか?一般的なCSSを角2に配置する場所
一般的なCSSでは、複数の他のCSSファイルにインポートするSassパーシャルのようなものについて話しています。あるいは、HTMLの場合でも、テンプレート言語を使用している場合。
SCSSを使用する場合は、共通のスタイルを含むshared/shared.scss
ファイルを作成することをお勧めします。 他のコンポーネントをインポートして、@import '../shared/shared
をscssファイルの上に追加して、その共通スタイルを使用します。
Angular 2 Style Guideの「App Structure and Angular Modules」までスクロールします。公式のアプリの構造には、共有ファイルがあるべきshared
フォルダ(app
フォルダの1つ)があります。共有CSSファイルは、対応するshared
フォルダに移動する必要があります。
としてバンドルするには、このファイルは、あなただけの「スタイル」と呼ばれるフォルダまたは共有フォルダ内のようなものになるだろう言及しますか?私は主に、アプリ内のすべてのボタンの共通のスタイルのような、単一のコンポーネントに必ずしも結びついていないスタイルを考えています。 – tsmith18256
あなたは 'app.component.ts'を持っていてどこにでも' app.component.css'を持っていませんか? –
私は、CSSを多く共有している大規模プロジェクトでは、CSSを比較的小さなファイルに分割したいと考えています。 – tsmith18256
angle cliを使用してプロジェクトを作成した場合は、というファイルがsrc
フォルダにあります。すべての一般的なスタイルをこのファイルに入れます。
.angular-cli.json
ファイルは、スタイル
"styles": [
"styles.css"
],
なぜdownvote? –
これは、私がやってきたアプローチとほぼ同じです。違いは、私は多くのSassファイルを共有していたので、_shared/scss_というフォルダを作成しました。 – tsmith18256