將angular2應用程序從本地NodeJS轉換到網站

我正在學習Angular 2 - 我剛剛完成官方Tour Of Heroes教程（https://angular.io/docs/ts/latest/tutorial/），並建立了我自己的網站，提供天氣只爲培訓。將angular2應用程序從本地NodeJS轉換到網站

本教程的整個應用程序是使用NodeJS構建的，據我瞭解，它用於運行JavaScript文件。但是，如果我想將我的網站上傳到服務器（免費主機之一）以查看它在我的其他設備（移動設備，平板電腦等）上的外觀怎麼樣？

沒有角度，我不會有問題 - 我只是使用FTP客戶端上傳我的.html，.css和.js文件到主機。但是，我應該怎麼做與angular2應用程序？在我的項目目錄中有一些文件夾，如：node_modules，typings - 它們包含很多文件，我不確定它們是否需要。我知道瀏覽器不支持TypeScript（我正在使用），所以我應該只上傳.js文件，但究竟應該如何？我應該上傳哪些文件？

我嘗試上載除node_modules和typings文件夾以外的所有內容，但當我嘗試訪問網站時，我剛剛收到「加載...」。

我看到了這個：Hosting Angular 2 app 那裏的人們只是說，上傳每個js文件，我這樣做。

這裏的鏈接到我的網站：http://myweatherapp.comxa.com

//編輯上述所有可以通過這個問題來表示：什麼是改造當地angular2，快速啓動應用到網站的步驟，哪些可以上傳到任何網絡託管？

來源

2016-10-03 Loreno

一種方法是可以使用** webpack **和** babel **將代碼捆綁並將代碼轉換爲一個JS，如index.js。然後你只需要上傳你的視圖和CSS和index.js文件到服務器。 – Nivesh

我寧願上傳我的網站而不實施新的軟件包。這不可能嗎？ – Loreno

好吧，有沒有任何指南（我找不到它），它會告訴我將本地nodeJS angular 2應用程序（如從angular2教程中的快速入門應用程序）轉換爲網站的步驟，我可以將其上傳到託管？我對所有這些東西都很陌生，我不知道如何去做。另一件事：當我用NodeJS運行我的應用程序時，我有tsconfig.json，並有目標：「es5」 - 是不是足夠獲取js文件，互聯網瀏覽器會明白？ – Loreno

看看Angular-Cli。

它們使得構建/捆綁Angular 2應用變得非常簡單。它們包括一個ng build和ng build:prod命令，用於將angular 2項目構建到分發文件夾，獨立的web應用程序中，因此您可以將它放在tomcat實例中或任何位置，而不僅僅是在NodeJS環境中。

Angular-Cli提供了構建Angular 2應用程序時所需的一切。看看他們的Table of Contents。 Build部分可能是你更感興趣

我使用Angular-Cli，我絕對喜歡它。

來源

2016-10-03 16:23:26

我會明天檢查出來，並會告訴它如何去 – Loreno

@Loreno酷！祝你好運！ –

將angular2應用程序從本地NodeJS轉換到網站

回答

相關問題