当需要将 Angular 应用程序部署到 GitHub Pages 上时，ng-deploy-gh-pages 可以帮助我们方便快捷的完成这项工作。ng-deploy-gh-pages 是一个 npm 包，它可以将 Angular 应用程序部署到 GitHub Pages 的 gh-pages 分支。
安装
首先，需要在 Angular 应用程序的根目录下安装 ng-deploy-gh-pages，可以使用以下命令完成安装：
npm install ng-deploy-gh-pages --save-dev
配置
在 Angular 应用程序的 angular.json 文件中进行如下配置：
-- -------------------- ---- -------
-
----------- -
-------------------- -
------------ -
--------- -
---------- ----------------------------
---------- -
------- -----------------------------------------------------
----------- ---------------------
-
-
-
-
-
-其中，your-project-name 替换为 Angular 应用程序的项目名称，your-username 和 your-repo 分别替换为你在 GitHub 上的用户名和仓库名称。
"baseHref" 表示将 Angular 应用程序部署到 GitHub Pages 的子目录路径，如 https://<your-username>.github.io/<your-project-name>。
部署
部署只需要运行以下命令：
ng deploy --prod
执行此命令后，ng-deploy-gh-pages 会自动将 Angular 应用程序构建为生产环境的文件，并将这些文件推送到 GitHub Pages 上的 gh-pages 分支。
示例代码
-- -------------------- ---- -------
-
----------- -
--------- -
------------ -
--------- -
---------- ----------------------------
---------- -
------- -------------------------------------
----------- --------
-
-
-
--
---
--
---
-部署应用程序：
ng deploy --prod
结语
通过此教程，我们可以方便快捷的将 Angular 应用程序部署到 GitHub Pages 上。ng-deploy-gh-pages 为我们提供了更快捷、更简单的部署方式，让我们可以更好地管理和维护我们的代码和项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d5681e8991b448db1c0