2016-08-20 11 views
3

個々のコンポーネントの外にグローバル.scssファイルを使用できますか?コンポーネントで.scssを使用するために "ng defaults.styleExt scssを設定しましたが、srcまたはappにグローバル.scssファイルを作成することはできません。私は新しいwebpack/cliを使用しています アイデア?角2のグローバル.scssファイル

答えて

2

まさに今日のアングルCLIのREADMEファイルが変更され、グローバルスタイルシートに関する情報が含まれていました。 (https://github.com/angular/angular-cli#global-styles

styles.scssをルートフォルダまたはappのいずれかに追加してみてください。

+0

まだ試しましたか?私はそれを働かせるように見えない。/srcと/ src/appのどちらでもない – j2L4e

+0

返事をありがとう。新しいプロジェクトを生成するための部分は、.scssを使用するコンポーネントに対して機能しますが、グローバルstyles.scssファイルは追加されません。 1つ追加しようとすると動作しません。 – user3712837

+2

ドキュメントにはapps [0] .stylesに追加することが記載されていますが、angle-cli.jsonを次のように変更できますか? apps:[{ "main": "src/main.ts"、 "tsconfig": "src/tsconfig.jsoon"、 "モバイル":false、 "スタイル":["src/styles.scss"] }] –

0

あなたの最良のオプションは、*.scssコンポーネントの最初に新しいscssファイルと@importファイルを作成することです。それはまったく完璧ではありませんが、変数とミックスインのための単一のソースを作成することができます(今のところ)。

+0

返信ありがとうございます。新しいcliで自動的にセットアップされます。 – user3712837

+0

v1.0.0-beta.17では、グローバルな 'scss'ファイルは認識していません。 – Nir

関連する問題