如何使用create-react-app以root身份更新自定义GitHub页面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用create-react-app以root身份更新自定义GitHub页面相关的知识,希望对你有一定的参考价值。

您好我已经在线阅读了许多关于使用create-react-app连接gh-pages的文档。但大多数指南要么假设一个人没有设置github页面,那么react应用程序将被托管为目录(即username.github.io/react-app)而不是主页/ root(用户名) .github.io)。我希望有人可以帮助我:

  1. 我有一个github页面自定义域的现有repo。它目前托管一个我用gulp和静态html / css / js构建的旧网站,以及一个用于自定义网址的CNAME文件。
  2. 我在一个单独的仓库中使用create-react-app建立了一个新的网站重新设计(它使用react-router进行多个页面)。
  3. 我想用我的新create-react-app网站覆盖我的旧github页面网站的内容作为根主页。

这可能吗?如果是这样,实现这一目标的最佳方法是什么?谢谢

答案
  1. 在现有的Github Pages应用程序中,删除CNAME和/或删除master分支。删除主分支将删除该站点,而删除CNAME将清除自定义域回到默认[username] .github.io。
  2. 在create-react-app中,将CNAME添加到/ public文件夹。
  3. 在create-react-app中,添加行"homepage":"./" to package.json
  4. 在create-react-app中,运行npm run build然后运行gh-pages -d build构建过程,然后运行npm run deploy

以上是关于如何使用create-react-app以root身份更新自定义GitHub页面的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Webpack 在摩纳哥加载 npm 模块类型定义并做出反应 create-react-app

如何在 GAE 中设置路由以进行反应?在基本 create-react-app 上的 GAE 中,通过 URL 直接路由到 react-router-dom 路由失败?

获取 404 以获取将 create-react-app 部署到 github 页面的链接

create-react-app:如何使用 https 而不是 http?

如何对未使用的导入进行 create-react-app 检查

如何使用 create-react-app 提供 SSL 证书?