1

我有一个使用 create-react-app 创建的 React 应用程序，它通过npm run deploy使用以下命令的命令部署到 Github Pages：

"scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",

更具体地说，我从这里使用了 Github Pages 步骤：https ://www.freecodecamp.org/news/surge-vs-github-pages-deploying-a-create-react-app-project-c0ecbf317089

我从我的一些非开发朋友那里得到了关于应用程序不同版本的反馈，所以我希望能够进行更改，将它们推送到分支，然后将该分支部署到主页。然后，如果更改不受欢迎，我可以再次部署主分支，而不必通过合并和恢复来弄乱主分支。这可能吗，如果可以，我该怎么做？我"deploy": "gh-pages -b <branch-name> -d build"在脚本中尝试过，但无济于事，而且谷歌似乎没有回答这个特殊问题。（可能是我在“如何将 React 应用程序部署到 Github Pages”教程的海洋中找不到它，我已经解决了）

存储库，以防需要进一步的上下文：https ://github.com/JayBaileyCS/cultivation-idle

4

1 回答 1

1

Github Pages 和gh-pages是不同的东西。

gh-pagesnpm 包是一个帮助器，它可以轻松地使用您构建的源创建（新）分支，然后 github 使用该分支来托管页面。gh-pages默认情况下会调用此目标分支。

部署不同的源分支

如果您尝试从不同的分支部署源代码，那么您可以简单地执行以下操作：

git checkout <branch-name>
npm run build
npm run deploy

这将使用当前分支中的源来创建或更新gh-pages分支。

使用不同的分支作为目的地

该命令的-b <branch-name>一部分gh-pages告诉它要将编译的 html 放入哪个分支。如果你愿意，你也可以告诉 github 为不同的目标分支提供服务——

从文档中：

  • 转到您的存储库
  • 点击设置
  • 在边栏的“代码和自动化”部分中，单击页面。
  • 在“GitHub Pages”下，使用无或分支下拉菜单并选择发布源。

发布源允许您选择分支。

您还可以在该分支中选择一个文件夹：

  • 或者，使用下拉菜单为您的发布源选择一个文件夹。
于 2022-02-24T13:30:07.587 回答