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を正常にビルドしました。