角2のCSSスタイル

Question

私はangle-cliを使ってangular2アプリケーションを書いています。私は のような構造に従ってください - グローバルスタイルは、角度-cli.jsonに指定されているstyles.scssに入れ/インポートされます - >スタイル：[] - 各コンポーネントは すべてが機能している独自のSCSSを持っています細かい

しかし、アプリケーションをビルドして実行すると、これらのスタイルはインラインスタイルに変換され、メインのhtmlファイル（index.html）のヘッダーに挿入されることになりました。私はアプリを実行している間index.htmlを検査し、多くのインラインスタイルのセクションが挿入されているのを見た。 また、人々はソリューションが1つのCSSファイルに入れて、index.htmlにリンクを置くと言いました。ダウンロードしてキャッシュすると、ユーザーに次の用途のための高速な読み込みパフォーマンスが提供されます このソリューションでは、angular2アプリケーションの設計はめったにありませんが、私はそれがわからない理由があるはずです 誰でも私に説明を教えてください

Answer 1

私はそれがすべてのタイプの編集だと思います。 AOT（Ahead Of Time）とJIT（Just In Time）があります。私はangular 2 cookbookでそれについて読むことをお勧めします、彼らは本当にうまくそれを記述しています。

実際にはAngularコンパイラは1つだけです。 AOTとJITの違いはタイミングとツーリングの問題です。 AOTを使用すると、コンパイラーは1つのライブラリー・セットを使用してビルド時に1回実行されます。 JITを使用すると、実行時に毎回異なるユーザー層のライブラリを使用して実行されます。

角度の作成者は、JITを開発とAOTで使用することを推奨します。

今日、AOTのコンパイルとツリーシェイクは、開発には実用的な時間よりも時間がかかります。それはすぐに変わるでしょう。現時点では、開発環境でJITをコンパイルし、運用環境にデプロイする前にAOTコンパイルに切り替えることをお勧めします。