reactjs - 如何使用 GitHub 托管我的 React 应用程序？

Question

我已经创建了 React 项目，并使用 Visual Studio Code 将完整的存储库推送到 GitHub。如何在 GitHub 的帮助下让我的 React 项目在服务器上运行？

Answer 1

您需要安装 GitHub Pages 包作为开发依赖项。

cd ./into/your-app-folder
npm install gh-pages --save-dev

向 package.json 文件添加属性。

您需要在顶级主页添加第一个属性，第二个属性必须将其定义为字符串，其值将为“https://{your-username}.github.io/{repo-name}” , {repo-name} 是您创建的 GitHub 存储库的名称，它看起来像这样:

"homepage": "http://joedoe.github.io/his-app"

第二个在现有脚本属性中，您需要添加预部署和部署。

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

如果您已将所有内容推送到 Github，那么最后一步就是部署。 一条内衬:

npm run deploy

Github 将创建一个名为 gh-pages 的新分支，并将在线提供。希望我能提供帮助，并会相应地工作。

如果你卡住了，你可以在React官方文档上查找。 Deployment Documentation of React

部署后，我对官方文档遇到了一些问题，我必须从“主页”属性中删除我的用户名才能使其正常工作。虽然我建议您先按照文档进行操作，如果遇到问题，您可以尝试一下。