将 Angular 应用程序的功能分支部署到 GitHub Pages 的正确方法是什么？

如何解决将 Angular 应用程序的功能分支部署到 GitHub Pages 的正确方法是什么？

我对名为 feat/demo-mode 的分支上的 Angular 存储库进行了许多更改，我想将此分支发布到 GitHub Pages。

在 GitHub Pages 部分下，我选择了此处概述的分支 configuring-a-publishing-source-for-your-github-pages-site。

我在 package.json 中添加/更新了以下脚本

"build": "ng build --prod --base-href /my-example-repo/","predeploy": "npm run build","deploy": "npx angular-cli-ghpages --dir=dist/my-example-repo --branch=feat/demo-mode --message='Deploy to GitHub Pages'"

当我运行 npm run deploy 时，应用会构建和部署。我现在可以在 https://funfair-tech.github.io/my-example-repo/ 上访问它，但是 feat/demo-mode 中的代码现在已替换为我的 dist 文件夹中的内容。

解决方法

所以我更新了我的包脚本：

"build": "ng build --prod --base-href \"/funfair-client/\"","deploy": "npm run build && npx angular-cli-ghpages --dir dist/my-example-repo"

第一次运行npm run deploy后，我进入GitHub Pages并将发布源更改为gh-pages。现在，当我在功能分支中进行更改时，我会将更改推送到 git，然后再次运行 npm run deploy。