基於npm和typescript構建角度應用程序的指南

-3

隨着angular2的發佈我第一次遇到了typescript，npm ......，我真的很欣賞它的強大功能，所以我幾乎沒有抓住表面。基於npm和typescript構建角度應用程序的指南

在「發展模式」，我能找到我的方式，但在最後：

問：

我要生成一個包括所有必要的依賴獨立的文件夾：JS，CSS，HTML文件和便攜式，無需npm，transpilers，...了。（所以基本上我想這個生成的文件夾複製到服務器，人們可以訪問index.html作爲一般）

問題

設置

NPM（作爲一個模塊管理器和構建工具）npm as a build tool，npm as a build tool II
打字稿（TSC爲transpiler）
angular2（與HTML分離文件，CSS），SystemJS

所需指引

安（摘要）指引採取什麼步驟，以達到規定的目標，即擁有（全部）的文件夾功能，並且也是從打字稿文件建立，（可能.scss文件，...）以獨立和獨立的方式。

也許我尋找了錯誤的關鍵字，但我只找到我的答案的一些分數，到目前爲止，我會很感激的列表（教程，左右），我可以階段性的經歷。（目前，我會感到失落）

來源

2016-03-06 MatterFr1122

從這裏開始https://angular.io/docs/js/latest/quickstart.html。你覺得問題在SO –

問問關於這個問題謝謝，然而typescript和angular2不是問題。我想我已經完全理解角度文檔中的快速入門和其他教程（以及如何使用npm安裝模塊，...）。問題主要集中在開發模式（npm知道所有文件位置，lite-server正在運行，...）添加到一個完全自適應的分發文件夾，其中包含新生成的index.html文件以及所有需要的css，html和js文件以及正確的位置（因此我可以將文件夾移動到任何我想要的位置）。 – MatterFr1122

我會看看systemjs builder，使用的構建過程，如gulp，gulp-inject配置的index.html，和之和構成了構建這樣的：

構建使用systemjs build文件夾中
構建SCSS文件打字稿文件
束js文件（必須有一口一個插件）在build文件夾
副本生成所有HTML文件FO lder連續
注入依賴index.html中

這是一個原始回答你的問題，未經檢驗的，從我的頭頂，但我希望它可以帶你到一個解決方案。我在this repository有一些東西。

來源

2016-03-06 10:15:04

非常感謝。這個答案是我尋找的方向。你知道是否有自動化的方式來照顧最後兩步？（我還沒有權限來upvote你的答案，對不起） – MatterFr1122

你可以使用gulp複製文件，做一些像'gulp.src（'app/**/*。html'）。pipe（gulp.dest（'build /'）'並使用gulp-inject注入依賴關係。 –

基於npm和typescript構建角度應用程序的指南

問：

問題

設置

所需指引

回答

相關問題