Javascript 如何在Github页面上使用Angular 2建立网站

接下来，我创建了我的网站，并希望它在Github页面上运行。但是，我目前使用终端中的

npm start

命令来运行它。在我将Angular2推送到Github后，我需要做哪些更改才能正确加载它？

我的拙见是，Angular2快速启动是一个痛苦的过程。一点也不快

我建议您开始使用Angular2 CLI（命令行工具）。它快速、易于使用，具有内置的构建过程。。你会得到一个dist文件夹。。等等。只有优势

构建过程在这里很重要，因为如果您想使用gh页面在GitHub上托管应用程序，只需一个命令即可：

但这是推荐的方法。你的情况就不同了

通过遵循《快速入门指南》，您没有一个构建过程，因此您可以将整个angular2 quickstart文件夹推送到gh pages分支上的git repo

首先：安装git，创建github帐户和github存储库

Second:使用CMD或某些终端，导航到您的

angular2快速启动

文件夹，然后运行以下命令：

基本设置

git init --> your local, angular2-quickstart folder, becomes a git repository.

git commit -am "messaage: this stuff goes on master branch.."

git remote add origin <your GitHub repository url here> --> this will add the remote url, where you can push and pull.

git push origin master --> your hole folder will be available on GitHub on the master branch

gh pages分支上的所有内容都可以通过以下url获得：

http://your-github-username.github.io/your-repository-name/

。这与从本地主机加载的内容相同

---

您将看到通过网络调用下载的大量文件-这是因为它没有构建过程-没有缩小，没有捆绑，什么都没有。。但它有效，我测试了它！祝你好运

本教程可能会有所帮助：如果您使用Angular CLI，那么在Github页面上部署它有一个简单的方法。您推荐的第二种方法需要正确地推送node_模块？因此index.html可以访问systemjs。我在哪里可以找到一个构建过程来解决这个问题？@David Silva如果你没有一个构建过程，那么你也必须推送node_modules文件夹。（可能需要从

.gitignore

中删除它），但这是一种不好的做法，而且更耗时。请改用Angular2 CLI。不再有

system.js

——它已更改为

webpack

@alon，当我运行部署时，我的本地版本将被生产版本替换。这是一个bug还是我每次都要重新克隆它。好吧，我要放弃这个：我在slack和其他对话中看到的P@alon ng cli还没有完全准备好，很难将项目迁移到cli，并且与其他东西不太兼容，考虑到我有多少项目，我将跳过它。谢谢此外，如果其他人感兴趣，有一个选择使用这个我现在不能修补它，因为时间限制，但如果有人知道了，让我知道！

git init --> your local, angular2-quickstart folder, becomes a git repository.

git commit -am "messaage: this stuff goes on master branch.."

git remote add origin <your GitHub repository url here> --> this will add the remote url, where you can push and pull.

git push origin master --> your hole folder will be available on GitHub on the master branch

git checkout -b gh-pages  -> this creates a new branch called gh-pages based of master, and moves you to it.

git commit -am "your commit message" - you must have at least one commit in order to push.

git push origin gh-pages -> this will push the hole gh-pages branch from local repo - to the GitHub repo and hosting servers.