ビルドとサーブ

CLI は開発中のアプリをローカルで実行し、本番環境向けに最適化された出力を生成します。主なコマンドは ng serve と ng build の 2 つです。

ng serve は、ライブリロード機能付きのローカル開発サーバーを起動します。ファイルを編集すると、ブラウザーが自動的に更新されます。

デフォルトでは、開発サーバーは http://localhost:4200 で実行されます。この URL を開くとアプリを確認できます。

フラグを使用して、ポートまたはホストを上書きできます。

open フラグを指定すると、デフォルトのブラウザーが自動的に起動します。

ng build はアプリをデプロイ用の静的ファイルにコンパイルし、dist フォルダーに出力します。

本番ビルドでは、Ahead-of-Time コンパイル、ミニファイ、tree-shaking、バンドルなどの最適化が適用され、より小さく高速な出力が生成されます。

ビルド出力は dist/<project-name>/ に配置されます。これらの静的ファイルを任意の Web ホストまたは CDN にデプロイできます。

angular.json では、production や development などの構成を定義します。configuration フラグで使用する構成を選択できます。

サーブせずに継続的に再ビルドするには、watch フラグを使用します。ファイルが変更されるたびに再ビルドされます。

関連するコマンドには、ユニットテスト用の ng test と、静的解析用の ng lint（設定されている場合）があります。

ローカル開発とデプロイの違いを確認します。

ローカル開発では ng serve を使用し、localhost:4200 でライブリロードを利用します。デプロイ用の最適化された静的ファイルは、ng build で dist/ に生成します。構成とフラグを使って、ホスト、ポート、最適化のレベルを調整できます。これで CLI コースは完了です。