2017-09-20 9 views
1

Webpackを使用したangular-cliで作成されたプロダクションのAngular 4アプリについていくつか質問があります。生産のために角度4.3.6を作成するには?

ng build --prod --aot最終的なバンドルを作成して本番環境に展開するための最良のコマンドですか?

もしそうなら、AOTとUglfyはデフォルトでangular-cliで設定されていますか、または手動で設定する必要がありますか?

angle-cliで開発されたAngular 4アプリをバンドルする際のベストプラクティスやアドバイスはありますか?

私は@ angular/cliバージョン1.3.1を使用しています。

+0

Nopeは、プロダクションで最高のビルドを行うために--prod --aotを使用しないでください。 – alexKhymenko

+0

--prodがビルドをuglifyします - aot :-) – alexKhymenko

+0

経由でangle-cli nope – alexKhymenko

答えて

1

あなたはとても近くです。 angular-cli documentationによると、この上でこれらは--prodフラグのために使用される設定です:

--aot true 
--environment prod 
--output-hashing all 
--sourcemaps false 
--extract-css true 
--named-chunks false 

また、この行います

  • を.angular-cli.jsonに設定されている場合、サービス員を追加します。
  • モジュール内のprocess.env.NODE_ENVをプロダクション値に置き換えます。
  • コードでUglifyJSを実行します。

したがって、ng build --prodを使用するだけで、角度-cliで残りの部分が処理されます。

0

ng build --prod - prodcutionステージに展開する最終バンドルを作成するのに最適なコマンドですか。はい、木が揺れおよびAOTとUglfyがデフォルトで設定されている場合は、私が

はい、この程度短くすることができ

は角度-CLIをthroughtか、私は手動で設定することが出来るのですか?

手動で設定する必要はありません。それはすでにそこにある。

Angular-Cliで開発されたAngular 4アプリをバンドルする他の最良の方法やアドバイスはありますか?

実験オプションbuild-optimizer=trueを使用すると、アプリケーションのサイズをさらに減らすことができます。これは実験的なものです。

関連する問題