将 Angular 应用程序部署到 Github 页面

GitHub Pages是Github的一项功能,允许你免费托管一个静态网站或Web应用程序,只需将文件放入项目存储库的gh-Pages分支即可。Angel CLI,和一个名为angular-cli-ghpages的节点包使得部署到Github页面变得更加容易。

<$>[注]这篇文章介绍了Angel 2+应用程序的部署。<$>

首先在全局范围内安装ANGLING-CLI-GH页面:

1$ npm install -g angular-cli-ghpages

现在使用带有--base-href标志的角度CLI来构建您的项目,并设置正确的基本href位置:

1$ ng build --prod --base-href "<repo-name>"

然后,它就像运行角度分类页面一样简单。你可以使用ngh速记:

1$ ngh

就这么定了!您的应用程序现在将托管在https://username.github.io/app-name/


您可以选择在部署时将消息添加到提交:

1$ ngh --message="First deploy"

您还可以指定要部署的分支机构:

1$ ngh --branch=production

最后,您始终可以在实际部署之前进行一次演练,以查看输出:

1$ ngh --dry-run

单页Web应用修复

如果您在将所有流量定向到Coder](http://www.backalleycoder.com/2016/05/13/sghpa-the-single-page-app-hack-for-github-pages/)时遇到问题,请参阅来自[Back Hley👉]的这篇帖子以获得修复。基本上,修复是一个简单的脚本,它使用会话存储和404.html文件中的一个元标记,该文件重定向到index.html,并包含用户试图访问的URL的数据。

Published At
Categories with 技术
Tagged with
comments powered by Disqus