如何将已提交的React应用代码部署到Github Pages？CRA分支使用疑问

问题1：分支分工认知确认 #

你的认知完全正确，这是CRA项目部署到GitHub Pages的标准分支使用规则：

• main分支存放所有开发态内容，包括业务源码、依赖配置、工程配置文件等所有开发过程中需要维护的内容
• gh-pages是GitHub Pages服务的专用部署分支，仅存放npm run build命令生成的打包后静态资源，GitHub会自动读取该分支的内容对外提供站点访问。

问题2：部署命令有效性确认 #

只要你之前按照教程完成了前置配置，提交代码到main分支后运行npm run deploy确实可以自动更新gh-pages分支的内容。
前置配置仅需满足两个条件：

• 已经在项目中安装了gh-pages依赖包
• package.json中已经正确配置了homepage字段，且scripts下的deploy命令配置正确

小提示：命令执行时会自动先完成项目构建，再把构建产物自动推送到远程的gh-pages分支，不需要你手动切换分支操作。每次更新代码后建议先把所有改动提交到main分支，再运行部署命令，避免未提交的改动没有被打包到部署内容中。

内容的提问来源于stack exchange，提问作者Ankita Jaiswal