Visual Studio Code で Angular アプリケーションを開発すると自動的に生成される .angular フォルダー

Angular 開発では、.angularプロジェクトのルート ディレクトリ下のフォルダーは Angular CLI ツールの一部であり、開発効率とビルド パフォーマンスを向上させるためのいくつかの構成ファイルとキャッシュ ファイルが含まれています。.angularフォルダーの機能は主に次のとおりです。

  1. ビルド情報のキャッシュ:.angularこのフォルダーには、後のビルド プロセスを高速化するために以前のビルド情報を保存するためのいくつかのキャッシュ ファイルが含まれています。これにより、不必要な再コンパイルが減り、ビルドのパフォーマンスが向上します。Angular CLI は、モジュールの依存関係、ビルド キャッシュなど、ビルド関連の情報をこのフォルダーに保存します。

  2. プロジェクト構成:.angularフォルダーには、プロジェクトの一部の設定を保存するために使用されるいくつかのプロジェクト構成ファイルが含まれる場合があります。これらの構成ファイルには、プロジェクトのビルド構成、テスト構成、コード分析構成などが含まれる場合があります。これらの構成ファイルは通常、Angular CLI で読み取って適用できるように JSON 形式で保存されます。

  3. 一時ファイル: 開発プロセス中、Angular CLI は.angularコンパイル、パッケージ化、最適化、コード分析などのタスクを処理するためにフォルダー内にいくつかの一時ファイルを生成することがあります。これらの一時ファイルは通常、ビルドの完了後にクリーンアップされますが、ビルド プロセスのいくつかの中間ステップで必要になります。

  4. パフォーマンスの最適化:.angularフォルダー内の一部の情報は、ビルドのパフォーマンスを向上させるために使用できます。Angular CLI は、キャッシュされた情報を利用してファイルが変更されたかどうかを検出し、不必要な再構築をスキップできます。プロジェクト全体の再構築には時間がかかる可能性があるため、これは大規模な Angular プロジェクトの場合に特に重要です。

  5. 実行時構成.angular: プロジェクト固有の構成情報の一部は、プロジェクトの実行時に使用するためにフォルダーに保存される場合があります。これらの構成には、環境変数、パッケージ化オプション、ビルド モードなどが含まれる場合があります。

例: Angular CLI を使用して名前を付けた Angular プロジェクトを
作成し、プロジェクトのルートにフォルダーを見つけたとします。このフォルダーに何が含まれているか、またその機能を見てみましょう。my-angular-app.angular

  1. .angularフォルダーの下のcacheサブフォルダー : このサブフォルダーには、Angular CLI が以前のビルド情報に基づいてビルド プロセスを最適化できるように、ビルド キャッシュ情報が含まれる場合があります。これにより、不必要な再コンパイル時間を短縮できます。

  2. .angularフォルダーの下のサブフォルダーconfig: このサブフォルダーには、プロジェクトのビルドおよびパッケージ化構成を定義する、プロジェクトの構成ファイルが含まれる場合がありますangular.jsonこれらの構成ファイルは、開発およびビルド中に Angular CLI によって読み取って適用できます。

  3. .angularフォルダーの下のサブフォルダーtmp: このサブフォルダーには、中間のビルド ステップ用の一時ファイルが含まれる場合があります。これらのファイルは通常、ビルドの完了後にクリーンアップされます。

  4. .angularフォルダーの下にあるその他のファイル: プロジェクトのニーズと構成に応じて、他のプロジェクト関連情報もここに含まれる場合があります。

つまり、.angularフォルダーは Angular CLI の一部であり、プロジェクトの構築および開発中に一部の構成、キャッシュ、および一時ファイルを管理するために使用されます。この存在は、Angular プロジェクトの構築パフォーマンスと開発効率の向上に役立ち、プロジェクトの一部の構成情報を保存および管理する方法も提供します。.angular通常の状況では、フォルダーの内容は Angular CLI によって自動的に管理されるため、手動で変更または削除する必要はありません。

おすすめ

転載: blog.csdn.net/i042416/article/details/132666500