我已经创建了我的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,在我看来真的很容易使用。
取决于你想达到什么目标。