Angular CLI-ngserveコマンド

構文

ng serve <project> [options]
ng s <project> [options]

ngserveコマンドはアプリケーションをビルドして提供します。変更が発生した場合は、アプリケーションを再構築します。ここで、projectは、angular.jsonで定義されているアプリケーションの名前です。オプションはオプションのパラメータです。

引数

シニア番号 引数と構文 説明
1 <プロジェクト> ビルドするプロジェクトの名前。アプリケーションまたはライブラリにすることができます。

オプション

シニア番号 オプションと構文 説明
1 --allowedHosts 開発サーバーへのアクセスを許可されているホストのホワイトリスト。
2 --aot = true | false Ahead ofTimeコンパイルを使用してビルドします。
3 --baseHref = baseHref 構築中のアプリケーションのベースURL。
4 --buildEventLog = buildEventLog 実験ビルドイベントプロトコルイベントの出力ファイルパス
5 --commonChunk = true | false 複数のバンドルで使用されるコードを含む別のバンドルを使用します。
6 --configuration = configuration

angle.jsonの「構成」セクションで指定されている名前付きビルドターゲット。名前付きの各ターゲットには、そのターゲットのオプションのデフォルトの構成が付属しています。これを明示的に設定すると、「-prod」フラグが上書きされます。

エイリアス:-c

7 --deployUrl = deployUrl ファイルがデプロイされるURL。
8 --disableHostCheck = true | false

接続されたクライアントが許可されたホストの一部であることを確認しないでください。

デフォルト:false

9 --help = true | false | json | JSON

このコマンドのヘルプメッセージをコンソールに表示します。

デフォルト:false

10 --hmr = true | false

ホットモジュール交換を有効にします。

デフォルト:false

11 --hmrWarning = true | false

--hmrオプションが有効になっている場合に警告を表示します。

デフォルト:true

12 --host = host

聞くホスト。

デフォルト:localhost

13 --liveReload = true | false

live-reloadを使用して、変更時にページをリロードするかどうか。

デフォルト:true

14 --open = true | false

デフォルトのブラウザでURLを開きます。

デフォルト:false

エイリアス:-o

15 --optimization = true | false ビルド出力の最適化を有効にします。
16 -世論調査 ファイル監視ポーリング期間を有効にして、ミリ秒単位で定義します。
17 - 港

聞くポート。

デフォルト:4200

18 --prod = true | false 「--configuration = production」の省略形。trueの場合、ビルド構成を本番ターゲットに設定します。デフォルトでは、本番ターゲットはワークスペース構成で設定されているため、すべてのビルドでバンドル、制限されたツリーシェイク、および制限されたデッドコードの除去が利用されます。
19 --progress = true | false ビルド中に進行状況をコンソールに記録します。
20 --proxyConfig = proxyConfig プロキシ構成ファイル。
21 --publicHost = publicHost ブラウザクライアント(または有効になっている場合はライブリロードクライアント)が開発サーバーへの接続に使用するURL。リバースプロキシを使用するような複雑な開発サーバーのセットアップに使用します。
22 --servePath = servePath アプリが提供されるパス名。
23 --servePathDefaultWarning = true | false

deploy-url / base-hrefがサポートされていないサーブパス値を使用する場合、警告を表示します。

デフォルト:true

24 --sourceMap = true | false ソースマップを出力します。
25 --ssl = true | false

HTTPSを使用して提供します。

デフォルト:false

26 --sslCert = sslCert HTTPSの提供に使用するSSL証明書。
27 --sslKey = sslKey HTTPSの提供に使用するSSLキー。
28 --vendorChunk = true | false ベンダーライブラリのみを含む別のバンドルを使用してください。
29 --verbose = true | false 出力ログに詳細を追加します。
30 --watch = true | false

変更時に再構築します。

デフォルト:true

最初にngbuildコマンドを使用して更新されたAngularプロジェクトに移動してから、コマンドを実行します。

\>Node\>TutorialsPoint> ng serve
chunk {main} main.js, main.js.map (main) 14.3 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 12.4 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3 MB [initial] [rendered]
Date: 2020-06-04T04:01:47.562Z - Hash: a90c5fc750c475cdc4d1 - Time: 10164ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
: Compiled successfully.

ここで、ngserveコマンドがプロジェクトTutorialsPointを正常にビルドして提供しました。次に、ブラウザーウィンドウでhttp:// localhost:4200を開き、出力を確認します。