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

在本教程中，你将学习将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页面。