我如何使用GitHub托管我的React应用程序?



我已经创建了我的React项目,并使用Visual Studio Code将完整的repo推送到GitHub。我如何使我的React项目生活在服务器上与GitHub的帮助?

你需要安装GitHub Pages包作为一个开发依赖。

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

添加属性到包。json文件。

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

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

在现有的脚本属性中,您需要添加predeploy和deploy。

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

如果您已经将所有内容推送到Github,那么最后一步是部署。一个班轮:

npm run deploy

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

如果你卡住了,你可以查看React的官方文档.React的部署文档

有一次在部署中,我在使用官方文档时遇到了一些问题,我不得不从"主页"中删除我的用户名。财产,以使其发挥作用。虽然我建议你先按文档做,如果你遇到问题,你可以试一试。

有几个选项。这取决于你想做什么,你是想部署到生产环境中,还是只是为了测试你的开发?

您可以选择部署Heroku, netflix, Github页面。

我可以帮助您完成部署过程,此外,您可以查看上面列出的解决方案的不同文档。

我个人建议使用netflix,在我看来真的很容易使用。

取决于你想达到什么目标。

相关内容

  • 没有找到相关文章

最新更新