web-dev-qa-db-ja.com

angular cli webpackで事前コンパイルを使用する方法

angular cliでAOTを使用する方法はありますか？

モジュール（@ angular/compiler @ angular/compiler-cli）をインストールし、ngc -p scrと入力すると、ngFactory.tsファイルが作成され、dist/tsc-out（tsconfigのAngular CLIのデフォルト）にコンパイルされます

ここから続行する方法がわからない:)

乾杯

漢

angularangular-cliangular-compiler-cli
13
Han Che

Angular CLIの最近のすべてのベータバージョンは、以下を介してAoTをサポートしています。

ng serve --aot
ng build --aot
#and of course
ng build --prod --aot

注：Angular CLI 1.0.0-beta.28 （2017年2月1日リリース）以降、--aotは、デフォルトで--prodが指定されています。

29
Brocco

Angular CLIベータ17で--aot :)がサポートされるようになりました。

まったく新しいプロジェクトでの私のテストを参照してください（その中には何もありません）。

enter image description here

EDIT 1：2016年11月28日：
ベータ21以降、AOTは遅延ロードされたモジュールで動作します:)！
ここにいくつかの詳細を記載しました： https://stackoverflow.com/a/40788258/239859

EDIT 2：5 May 2017：
--prodを使用すると、CLIはデフォルトでAOTでコンパイルされます。
（数か月後、賛成投票でその投稿を思い出しました！）

EDIT 3：2017年7月27日：
バンドルサイズをさらに小さくしたい場合は、--build-optimizerを使用してビルドを実行することで可能になりました。小さなアプリで、1.3Mbから864Kbに変更しました！

23
maxime1992