通過index.html運行Angular2應用程序

Question

我已經使用TS和SystemJS構建了一個Angular 2應用程序，並通過標準「npm start」運行它，如網站上的「Tour of Heroes」示例所示。但現在我想上傳它進行生產。那麼如何轉換應用程序以便我可以通過簡單的雙擊index.html（如在Angular 1.5中）來打開它？

Answer 1

創建簡單構建的最簡單方法是使用angular-cli。 https://github.com/angular/angular-cli

一號線構建的應用程序進行生產：

ng build --prod 

所以，如果你喜歡的話，我會建議你做以下步驟：

1）創建簡單的角CLI應用程序，並測試部署

2）更新從rc4到rc5的角度（angular-cli使用rc4，但角度教程使用rc5）。這個頁面將幫助你https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html（如果你從將來閱讀這篇文章，這一步必須過時）

3）將你已經開發的模塊複製到這個angular-cli應用程序。

Answer 2

運行此

ng build --prod --bh . 

這將允許您雙擊index.html文件。