部署Angular2 quickstar項目

Question

我已經克隆了Angular2 quickstart倉庫並構建了一個簡單的應用程序。我想現在發佈到網絡上。它在本地運行，但它直接在node_modules目錄內引用文件。

有沒有一個標準的構建過程，我可以運行，將所有需要的文件複製到輸出目錄？或者我必須自己從頭開始創建一個任務跑步者或其他東西？

Answer 1

這是我第一次回答這樣一個問題，如果我沒有做到正確的話。

如果「將所有角度2 ts/js和其他依賴關係（core.js，rxjs，zone.js）綁定到一個js並在index.html上創建腳本標記以引用綁定的js」接近標準構建你提到的過程和你想要的，我的回答是肯定的，你可能需要安裝一些其他工具來完成它。

由於angular 2 quickstart使用systemjs來加載ES模塊，因此您可以使用的工具稱爲「systemjs生成器」https://github.com/systemjs/builder，它可以幫助您進行捆綁（基於systemjs.config.js）和yes，您可以使用systemjs構建器插件（gulp-systemjs-builder或grunt-systemjs-builder）的任務調度程序（grunt或gulp）來創建「構建」任務。

Answer 2

您可以使用此https://github.com/AngularClass/angular2-webpack-starter 並採用npm run build:dev或npm run build:prod 這將建立一個dist文件夾，這就是你所需要的。