如何構建用於生產的Angular 4.3.6？

Question

我對使用Webpack的angular-cli創建的生產中的Angular 4應用程序有一些疑問。

是ng build --prod --aot是創建最終捆綁包以部署到生產環境中的最佳命令嗎？

如果是，樹抖動和AOT和Uglfy通過角度cli默認配置或我應該手動配置這些？

是否有任何其他的最佳做法或建議捆綁Angular 4應用程序與angular-cli開發？

我使用@ angular/cli版本1.3.1。

Answer 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是你所需要做的，而angular-cli會處理剩下的。

Answer 2

ng build --prod - 不是創建最終捆綁包以便在生產階段部署的最佳命令...？

我可以做空這一點，是

若是，樹搖晃和AOT和Uglfy默認配置throught角CLI或我應該手動配置呢？

您不需要手動配置它。它已經在那裏。

是否有任何其他最好的方法或建議來捆綁通過Angular-cli開發的Angular 4應用程序...？

您可以使用實驗選項build-optimizer=true來進一步減少您的應用程序大小。請注意，它是實驗性的。