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



我对一个名为feat/demo模式的分支上的Angular repo进行了一些更改,我想将这个分支发布到GitHub Pages。

在GitHub页面部分,我选择了我的分支,如下所述配置-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模式下的代码现在已经被我的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页面。现在,当我在特性分支中进行更改时,我将更改推送到git,然后再次运行npm run deploy

最新更新