在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文件夹中我有所需的文件

如何使用like在github页面上部署我的应用程序 username.gihub.io/myproject或username.github.io]

注意： - 我不能使用ng github-pages:deploy，因为我没有使用cli项目。终端给我一个错误，说你必须在cli项目中使用这个命令。

请帮助

Answer 1

您链接的指南包含您需要部署的所有说明。

  

从那里开始，Angular CLI已经做了很多艰苦的工作   您。例如，你的repo已经包含了一个.gitignore文件   包括不应包含在的文件和文件夹列表   存储库，例如node_modules。实际上，Angular CLI也是如此   已经初始化了一个git repo，甚至已经提交了初始集   文件。因此，要在GitHub上获取代码，您需要注册   使用git remote命令的新repo。

     

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

     

然后使用git push命令启动代码。

     

git push origin master

     

此时你的代码将在GitHub上运行，   但您的托管应用程序尚未在GitHub页面上运行。幸运的是   Angular CLI也为您自动执行此步骤 - 只需运行即可   github上的页面：部署

     

ng github-pages:deploy

     

使用此命令，Angular CLI会创建一个   git branch命名为“gh-pages”，构建你的生产版本   应用程序，将代码提交到“gh-pages”，将分支推送到   GitHub，然后返回“master”分支，这样就可以了   继续你的发展。它需要大约30秒，而且是   每一点都听起来无缝。

     

在几分钟内，您的应用应该启动并运行   https://USERNAME.github.io/PROJECT_NAME让世界看到。

您是否遇到过这些说明中的特定问题？