如何使用 GitHub Pages 部署 Angular 应用程序

介绍

此博客展示了如何使用 GitHub Pages 部署 Angular 应用程序。您可以从远程服务器（例如 GitHub Pages、Azure、AWS、Firebase 等）部署 Angular 应用程序。GitHub  Pages 是一项免费的网站托管服务，它从 GitHub 存储库获取 HTML、CSS 和 JavaScript 文件。要将 Angular 应用程序部署到 GitHub Pages，您必须首先在 GitHub 上创建一个 GitHub Pages 站点存储库。此存储库将托管您的 GitHub Pages 站点。Angular 应用程序文件夹必须在 GitHub Pages 站点存储库中创建，才能使用 GitHub Pages 部署应用程序。

目录

• 工具
• 通用指南
• 具体例子
• 结论

工具

• Visual Studio Code

通用指南

创建 GitHub Pages 站点存储库并将 Angular 应用程序文件推送到 Angular 应用程序文件夹后，您可以在 Angular-CLI（命令行界面）上使用以下命令。

以下命令将在您的机器中全局安装 angular-CLI-ghpages。这只进行一次。

npm i angular-cli-ghpages --save-dev

下一个命令用于构建用于生产的 Angular 应用程序。

ng build --prod --base-href "https://GitHubUserName.github.io/GitHubfolderName/"

npx angular-cli-ghpages --dir=dist/Project-name

ng build --prod --base-href "https://Sakhile-Msibi.github.io/ngVideoGameDB/"

npx angular-cli-ghpages --dir=dist/ngVideoGameDB