TypeScriptおよびAngularのデコレータは、クラスまたは関数の宣言に関するメタデータを提供します。Angularでは、依存性注入システムとコンパイラーにメタデータを提供するために特に使用されます。任意のコードを実行できます。次に、Angularはコンポーネントに接続するファイルを関連付けます。デコレータの詳細については、TypeScriptここを参照してください。CLIで作成されます。次のことを守ってください。プロパティは、1つの値を持つ配列です。1つのCSSスタイルシートが含まれています。配列、およびAngularはそれらを一緒にバンドルします。このコンポーネントを識別するCSSセレクターです。これはHTMLテンプレートのコンポーネントの名前になり、内部で確認できます。website.';}これで、変数をバインダーとして使用できます。TypeScriptで定義されたデータをHTMLテンプレートに接続します。Angularは、変数を二重中括弧で囲むことにより、HTMLでTypeScript変数を定義します。ブラウザで:ここで実行するように、テンプレートの値をバインドすると、動的コンテンツをユーザーに提供できます。TypeScriptファイル内の関数を使用して、出力を決定することもできます。アプリケーションの状態をCSSスタイルにバインドするAngularディレクティブです。Angularでは、ディレクティブはDOM要素の「マーカー」です。その後、AngularはDOM要素に機能をアタッチできるようになります。CSSスタイルを適用する代わりに、これは条件付きでCSSクラスを適用します。次のCSSクラスを追加します。[ngClass]="boxShadow">...</article>成功すると、ブラウザに次の情報が表示されます。これで、変更のたびに再デプロイすることなく、デザインマニフェストを画面に表示できます。開発と本番用にAngularアプリケーションを構築する方法を見てみましょう。CLIを使用して、Angularプロジェクトの本番ビルドを生成します。AngularはWebpackを使用します。これを使用して、ファイルをバンドルし、サイトを本番用に最適化します。JavaScriptアプリケーション用のオープンソースモジュールバンドラーです。コード/アセットをオンデマンドでロードする機能を提供します。サーバーから必要なすべてのアセットをフェッチするために必要なリクエストの数を最小限に抑える強力な最適化システムを提供します。カスタムWebpack構成ファイルを作成するには、記事AngularCLIビルダーでカスタムWebpack構成を使用する方法を確認してください。デフォルトでは、AngularCLIは2種類のビルドを提供します。最適化されていないバージョンのコードには、ソースマップとランタイムチェックが含まれており、アプリを開発する前に本番環境にデプロイする際に問題を検出して調査するのに役立ちます。開発ビルドを本番環境にデプロイすることは避けてください。開発ビルドには、高速で本番環境に対応したアプリケーションに必要な最適化は含まれていません。端末で次のコマンドを実行して構成します。構成により、最適化されたコードが生成され、次のような利点が得られます。アプリケーションのサイズを小さくするためのコードの縮小とバンドル。インポートされたモジュールの未使用部分を最終ビルドから除外するためのツリーシェイク。機能に悪影響を与えることなく帯域幅を節約します。ソースマップ、コンパイラエラー、およびバンドルサイズが小さい場合の警告はありません。ページ速度と配信時間は検索エンジンとユーザーにとって重要な指標であるため、本番環境のビルドは公開アプリケーションに不可欠です。ページ速度と配信時間の最適化の詳細については、ここをクリックをクリックしてください。プロジェクトフォルダから。CLIはコードをリントし、アプリケーションの最適化された縮小バージョンを生成します。成功すると、バンドルに関する統計が提供されます。kBファイル名の名前の後に一意のハッシュがあることに注意してください。Angularはこれを追加して、「キャッシュバスティング」を可能にします。ビルドごとにハッシュが変更されるため、ブラウザはサイトに再度アクセスしたときにキャッシュをリセットできます。ファイルに変更を加えると、ハッシュが変更され、ブラウザが新しいファイルをリロードします。それ以外の場合、ブラウザはキャッシュされたバージョンを使用します。CLIは、バンドルサイズが大きすぎる場合、この段階で警告を表示することもできます。アプリケーションが大きくなるにつれて、バンドルサイズを引き続き確認する必要があります。次のようなAngularCLIコマンドに対応する構成オプションを見つけることができます。