DEV Community
·
🚀 如何在GitHub Pages上部署React应用
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
GitHub Pages是一个免费且简单的React应用托管方式。本文介绍了如何使用gh-pages将React应用部署到GitHub Pages，包括创建仓库、克隆、安装依赖、更新package.json、推送项目和启用GitHub Pages等步骤。
🎯
关键要点
- GitHub Pages是一个免费且简单的React应用托管方式。
- 确保拥有GitHub账户、安装Node.js和npm，以及准备好的React项目。
- 创建一个空的GitHub仓库，命名为deploy-react-git。
- 使用访问令牌或SSH克隆仓库，并将React项目文件复制到该目录。
- 运行npm install安装所有必需的依赖。
- 安装gh-pages作为开发依赖。
- 在package.json中添加homepage字段和部署脚本。
- 初始化并推送项目到GitHub。
- 运行npm run deploy命令进行部署。
- 在仓库设置中启用GitHub Pages，选择gh-pages分支。
- 可选：通过git add、git commit和npm run deploy命令自动更新和重新部署项目。
➡️
