在github頁面中部署Angular2 Webpack Starter？

Question

我已經使用Angular2 webpack starter-seed作為基礎構建了一個Angular2應用程序。 現在，我需要將其部署在github頁面上。

我不能使用ng github-pages:deploy因為我沒有使用cli項目。 並且終端給我錯誤，說您必須在cli項目中才能使用此命令。

我按照此網頁作為指導，但是它與webpack配合使用

http://developer.telerik.com/featured/quick-angular-2-hosting-angular-cli-github-pages/

我已經捆綁了該應用程序，在dist文件夾中，我具有所需的文件

我如何使用username.gihub.io/myproject或username.github.io之類的程序在github頁面上部署我的應用程序

注意：-我不能使用ng github-pages:deploy因為我沒有使用cli項目。 並且終端給我錯誤，說您必須在cli項目中才能使用此命令。

請幫忙

Answer 1

您鏈接的指南包含您需要部署的所有說明。

從那里開始，Angular CLI已經為您完成了許多艱苦的工作。 例如，您的倉庫已經包含一個.gitignore文件，其中包括不應包含在存儲庫中的文件和文件夾的列表，例如node_modules。 實際上，Angular CLI還已經初始化了git repo，甚至提交了初始文件集。 因此，要在GitHub上獲取代碼，您需要使用git remote命令注冊該新存儲庫。

git remote add origin https://github.com/USERNAME/PROJECT_NAME.git

然后使用git push命令將您的代碼向上推送。

git push origin master

此時，您的代碼將在GitHub上運行，但托管的應用程序將不在GitHub Pages上運行。 幸運的是，Angular CLI也為您自動化了這一步驟–只需運行ng github-pages：deploy。

ng github-pages:deploy

使用此命令，Angular CLI將創建一個名為“ gh-pages”的git分支，構建應用程序的生產版本，將該代碼提交至“ gh-pages”，將該分支推送至GitHub，然后將您返回至“ master”。 ”分支，以便您可以繼續進行開發。 它大約需要30秒鍾，而且聽上去是無縫的。

在幾分鍾之內，您的應用應該可以在https://USERNAME.github.io/PROJECT_NAME上啟動並運行，以供全世界查看。

您是否對這些說明之一有疑問？