angular-cli - angular-cliグローバルスタイルを追加する方法は?

Question

Sass を使用してグローバル スタイル シートを作成し、public/style/styles.scss. 背景色のみ指定します。

インデックスに、リンクを追加しました。<link rel="stylesheet" href="style/styles.css">

body タグでは背景色が機能しません。body タグを調べると、背景色が適用されたが、scaffolding.less:31

私が間違っていることは何ですか？

Answer 1

src/styles.css の名前を src/styles.scss に変更するだけです

.angular-cli.json でも、styles.css を styles.scss に名前変更することを忘れないでください。

Answer 2

私は次の戦略を使用してきました (ただし、angular-cli チームからこれに関する公式の解決策を見たことがないため、より良い方法があるかもしれません)。

すべての src ファイルが src/app/... にある場合、ルート ./app ディレクトリに app.scss ファイルを配置します。その後、現在のビルド構成で自動的に css にコンパイルされるため、index.html に次のように含めることができます。

<link rel="stylesheet" type="text/css" href="app/app.css">

なんらかの理由でファイル構造がデフォルトの CLI ファイル構造と異なる場合は、app.scss ファイルがメインのアプリ コンポーネントと同じディレクトリに含まれていることを確認してください。ビルドを変更する必要がなく、将来的にプロジェクトを更新する際の負担が軽減されるため、この手法が気に入っています。