Angular 4インデックスページにCSSファイルを追加することをお勧めしないのはなぜですか

Question

最近Angular 4で作業を開始しましたが、理解できないのはCSSファイルとJSファイルがに含まれ、index.htmlページ？

Googleでこのクエリの関連リンクを見つけることができません。 HTMLファイルで直接使用するのは良い習慣ではないが、どうしてですか？

Answer 1

.angular-cli.jsonファイルには、どのような種類のCSSファイルとJSファイルが含まれているかを理解する必要があります。

角度4は、コンポーネントシステムに基づいたフレームワークです。それぞれのコンポーネントは4つの部分で構成されています：

page.component.ts - あなたのpage.componentに最も重要なファイルです。ここでは、機能を記述し、html、css、testなどの他のコンポーネントをリンクします。

page.component.htmlは - ここでは、HTML

page.component.cssでページの構造を記述する - ここでは、CSSを使用してアプリケーションのスタイルを定義することができます。

page.component.spec - このファイルでは、アプリケーションのテストを記述します。デフォルトでは、Jasmineフレームワークを使用します。

さらに、すべてのコンポーネントにいくつかのルールを適用するグローバルなCSSファイルstyles.cssがあります。

.angular-cli.jsonにはCSSとJSファイルが含まれていますが、これらはほとんどがnpmモジュールに接続されたファイルです。あなたはそれを角張った状態にして静的なパスを与えたいと思っています。例えばBootstrap4をnpmでインストールした場合、それを正しく動作させるには、そのソースコードをangular-cliにリンクする必要があります。

index.htmlは、Angular4のアプリケーション全体でそれほど重要ではありません。しかし、何らかの方法でスタイルを操作したり、要素のスタイルを設定したり、読み込み画面を追加したりすることができます。