Angular CLI-ngbuildコマンド

構文

ng build <project> [options]
ng b <project> [options]

ng buildコマンドは、Angularアプリケーション/ライブラリを指定されたパスのdistという名前の出力ディレクトリにコンパイルします。オプションはオプションのパラメータです。

引数

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

オプション

シニア番号	オプションと構文	説明
1	--aot = true | false	Ahead ofTimeコンパイルを使用してビルドします。 デフォルト：false。
2	--baseHref = baseHref	構築中のアプリケーションのベースURL。
3	--buildEventLog = buildEventLog	EXPERIMENTALビルドイベントプロトコルイベントの出力ファイルパス。
4	--buildOptimizer = true | false	'aot'オプションを使用すると、 '@ angular-devkit / build-optimizer'の最適化が有効になります。 デフォルト：false。
5	--commonChunk = true | false	複数のバンドルで使用されるコードを含む別のバンドルを使用します。 デフォルト：false。
6	--configuration = configuration	angle.jsonの「構成」セクションで指定されている名前付きビルドターゲット。名前付きの各ターゲットには、そのターゲットのオプションのデフォルトの構成が付属しています。これを明示的に設定すると、「-prod」フラグが上書きされます。 エイリアス：-c。
7	--crossOrigin = none | anonymous | use-credentials	CORSサポートを提供する要素のクロスオリジン属性設定を定義します。 デフォルト：なし。
8	--deleteOutputPath = true | false	ビルドする前に出力パスを削除してください。 デフォルト：true。
9	--deployUrl = deployUrl	ファイルがデプロイされるURL。
10	--experimentalRollupPass = true | false	モジュールをWebpackにバンドルする前に、モジュールをRollupと連結します。 デフォルト：false。
11	--extractCss = true | false	グローバルスタイルからcssをjsファイルではなくcssファイルに抽出します。 デフォルト：false。
12	--extractLicenses = true | false	すべてのライセンスを別のファイルに抽出します。 デフォルト：false。
13	--forkTypeChecker = true | false	フォークされたプロセスでTypeScriptタイプチェッカーを実行します。 デフォルト：true。
14	--help = true | false | json | JSON	このコマンドのヘルプメッセージをコンソールに表示します。 デフォルト：false。
15	--i18nMissingTranslation =警告|エラー|無視	i18nの欠落している翻訳を処理する方法。 デフォルト：警告。
16	--index = index	アプリケーションのHTMLインデックスの生成を構成します。
17	--localize = true | false
18	--main = main	現在のワークスペースを基準にした、アプリへのメインエントリポイントのフルパス。
19	--namedChunks = true | false	遅延ロードされたチャンクにはファイル名を使用します。 デフォルト：true。
20	--ngswConfigPath = ngswConfigPath	ngsw-config.jsonへのパス。
21	--optimization = true | false	ビルド出力の最適化を有効にします。
22	--outputHashing = none | all | media | bundles	出力ファイル名のキャッシュバスティングハッシュモードを定義します。 デフォルト：なし。
23	--outputPath = outputPath	現在のワークスペースを基準にした、新しい出力ディレクトリのフルパス。デフォルトでは、現在のプロジェクトのdist /という名前のフォルダーに出力を書き込みます。
24	-世論調査	ファイル監視ポーリング期間を有効にして、ミリ秒単位で定義します。
25	--polyfills = polyfills	現在のワークスペースを基準にした、ポリフィルファイルのフルパス。
26	--preserveSymlinks = true | false	モジュールを解決するときは、実際のパスを使用しないでください。 デフォルト：false。
27	--prod = true | false	「--configuration = production」の省略形。trueの場合、ビルド構成を本番ターゲットに設定します。デフォルトでは、本番ターゲットはワークスペース構成で設定されているため、すべてのビルドでバンドル、制限されたツリーシェイク、および制限されたデッドコードの除去が利用されます。
28	--progress = true | false	ビルド中に進行状況をコンソールに記録します。 デフォルト：true。
27	--resourcesOutputPath = resourcesOutputPath	outputPathを基準にして、スタイルリソースが配置されるパス。
28	--serviceWorker = true | false	本番ビルド用のServiceWorker構成を生成します。 デフォルト：false。
29	--showCircularDependencies = true | false	ビルドに循環依存の警告を表示します。 デフォルト：true。
30	--sourceMap = true | false	ソースマップを出力します。 デフォルト：true。
31	--statsJson = true | false	'webpack-bundle-analyzer'などのツールを使用して分析できる 'stats.json'ファイルを生成します。 デフォルト：false。
32	--subresourceIntegrity = true | false	サブリソースの整合性検証の使用を有効にします。 デフォルト：false。
33	--tsConfig = tsConfig	現在のワークスペースを基準にした、TypeScript構成ファイルのフルパス。
34	--vendorChunk = true | false	ベンダーライブラリのみを含む別のバンドルを使用してください。 デフォルト：true。
35	--verbose = true | false	出力ログに詳細を追加します。 デフォルト：true。
36	--watch = true | false	ファイルが変更されたらビルドを実行します。 デフォルト：false。
37	--webWorkerTsConfig = webWorkerTsConfig	WebWorkerモジュールのTypeScript構成。

使用して更新された角度のプロジェクトへの最初の動きを生成NGコマンドを。app.component.htmlの内容を次の内容に置き換えてから、コマンドを実行してください。

<app-goals></app-goals>
<router-outlet></router-outlet>

例

\>Node\>TutorialsPoint> ng build
Compiling @angular/animations : es2015 as esm2015
Compiling @angular/core : es2015 as esm2015
Compiling @angular/compiler/testing : es2015 as esm2015
Compiling @angular/animations/browser : es2015 as esm2015
Compiling @angular/core/testing : es2015 as esm2015
Compiling @angular/common : es2015 as esm2015
Compiling @angular/platform-browser : es2015 as esm2015
Compiling @angular/common/http : es2015 as esm2015
Compiling @angular/common/testing : es2015 as esm2015
Compiling @angular/platform-browser-dynamic : es2015 as esm2015
Compiling @angular/platform-browser/testing : es2015 as esm2015
Compiling @angular/router : es2015 as esm2015
Compiling @angular/animations/browser/testing : es2015 as esm2015
Compiling @angular/common/http/testing : es2015 as esm2015
Compiling @angular/forms : es2015 as esm2015
Compiling @angular/platform-browser/animations : es2015 as esm2015
Compiling @angular/platform-browser-dynamic/testing : es2015 as esm2015
Compiling @angular/router/testing : es2015 as esm2015
Generating ES5 bundles for differential loading...
ES5 bundle generation complete.

chunk {polyfills} polyfills-es2015.js, polyfills-es2015.js.map (polyfills) 141 kB [initial] [rendered]
chunk {runtime} runtime-es2015.js, runtime-es2015.js.map (runtime) 6.16 kB [entry] [rendered]
chunk {runtime} runtime-es5.js, runtime-es5.js.map (runtime) 6.16 kB [entry] [rendered]
chunk {styles} styles-es2015.js, styles-es2015.js.map (styles) 12.4 kB [initial] [rendered]
chunk {styles} styles-es5.js, styles-es5.js.map (styles) 13.9 kB [initial] [rendered]
chunk {main} main-es2015.js, main-es2015.js.map (main) 61.4 kB [initial] [rendered]
chunk {main} main-es5.js, main-es5.js.map (main) 65 kB [initial] [rendered]
chunk {polyfills-es5} polyfills-es5.js, polyfills-es5.js.map (polyfills-es5) 656 kB [initial] [rendered]
chunk {vendor} vendor-es2015.js, vendor-es2015.js.map (vendor) 2.67 MB [initial] [rendered]
chunk {vendor} vendor-es5.js, vendor-es5.js.map (vendor) 3.11 MB [initial] [rendered]
Date: 2020-06-04T01:31:35.612Z - Hash: d5fd9371cdc40ae353bc - Time: 210494ms

ここで、ngbuildコマンドはプロジェクトTutorialsPointを正常にビルドしました。