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

分享于 

1分钟阅读

Angular

  繁體

在本教程中,你将学习将Angular 6|7应用程序部署到GitHub页面。

前提条件

您需要安装Node.js,NPM和Angular CLI 6,还需要使用Angular CLI 6生成一个新的Angular 6项目,或者也可以将其应用于要部署到Github Pages的现有项目。

接下来,你还需要安装一个包,使部署到Github页面的过程变得容易。


$ npm install -g angular-cli-ghpages

构建Angular 6应用程序

下一步是构建Web应用程序以进行生产,并将基本href位置设置为Github Page URL。


$ ng build --prod --base-href "https://<YOUR_GITHUB_USER-NAME>.github.io/<YOUR_REPO_NAME>/"

部署到Github页面

现在可以将web应用程序部署到Github页面了,


$ ngh

您的web app部署到 https://username.github.io/app-name/

结论

在这个简短的教程中,我们已经看到了如何将Angular 6应用程序快速部署到GitHub页面。