個々のコンポーネントの外にグローバル.scssファイルを使用できますか?コンポーネントで.scssを使用するために "ng defaults.styleExt scssを設定しましたが、srcまたはappにグローバル.scssファイルを作成することはできません。私は新しいwebpack/cliを使用しています アイデア?角2のグローバル.scssファイル
3
A
答えて
2
まさに今日のアングルCLIのREADMEファイルが変更され、グローバルスタイルシートに関する情報が含まれていました。 (https://github.com/angular/angular-cli#global-styles)
styles.scssをルートフォルダまたはappのいずれかに追加してみてください。
0
あなたの最良のオプションは、*.scss
コンポーネントの最初に新しいscss
ファイルと@import
ファイルを作成することです。それはまったく完璧ではありませんが、変数とミックスインのための単一のソースを作成することができます(今のところ)。
+0
返信ありがとうございます。新しいcliで自動的にセットアップされます。 – user3712837
+0
v1.0.0-beta.17では、グローバルな 'scss'ファイルは認識していません。 – Nir
関連する問題
- 1. 角2 - グローバルCSSファイル
- 2. グローバルExceptionHandlerの角2リダイレクト
- 3. 角度2グローバル成分
- 4. 角2 /イオン2 ngModel動的グローバル変数
- 5. CLI経由の角2はSCSSファイルを配布していません
- 6. React/ReduxプロジェクトでグローバルSCSSファイルをインポートする方法は?
- 7. 角型2でSCSSファイルをインポートする方法を追加する
- 8. 角度2 Universal - Storeグローバル変数
- 9. 変数SASSとグローバルではなく、SCSS
- 10. scssにグローバル親セレクタを追加する
- 11. `.scss`ファイルを別の` .scss`ファイルに含めますか?
- 12. Webpackで.less/.scss参照ファイルをグローバルに公開できますか?
- 13. 角度2のファイルのインポート
- 14. 角度2 - ファイルのアップロード
- 15. 角2 - クリックイベントのファイルをダウンロード
- 16. 角度2 - すべてのコンポーネントのグローバル変数
- 17. ブートストラップscssファイルのエッジスロー404
- 18. twigファイルのCSSとscss
- 19. インポートしたscssファイルの名前を.scssまたは.css.scss
- 20. PhpStormとSCSSがscssファイルを1つのCSSファイルにコンパイルします
- 21. 角2、グローバルにアクティブなルートを取得する方法は?
- 22. 角度2 - dbからグローバル変数を作成する
- 23. 角度2の複数のファイルをアップロード
- 24. 2つの「グローバル」/アプリケーションレイアウト
- 25. Foundation用の単一のSCSSファイル
- 26. Asp.netブラウザ内の空の.scssファイル
- 27. scssファイルのインポート時に〜の意味
- 28. npmパッケージからのSCSSファイルのエクスポート
- 29. 角度2 - ファイルアップロード - ファイルへのアクセス方法?
- 30. Gettext(.poファイル)で角2のローカライゼーション
まだ試しましたか?私はそれを働かせるように見えない。/srcと/ src/appのどちらでもない – j2L4e
返事をありがとう。新しいプロジェクトを生成するための部分は、.scssを使用するコンポーネントに対して機能しますが、グローバルstyles.scssファイルは追加されません。 1つ追加しようとすると動作しません。 – user3712837
ドキュメントにはapps [0] .stylesに追加することが記載されていますが、angle-cli.jsonを次のように変更できますか? apps:[{ "main": "src/main.ts"、 "tsconfig": "src/tsconfig.jsoon"、 "モバイル":false、 "スタイル":["src/styles.scss"] }] –