react 项目部署github

John Doe2024-05-012025-11-07

生成page

点击setting 里面的 setting 页面，
复制箭头的网址

1	yarn add gh-pages -D

在package.json 的 scripts 里面加上下面的一句话， dist
是你编译后的文件夹名字（相对目录），以及添加一个homepage字段，
就是刚刚复制的网址

1	"scripts": {"deploy": "gh-pages -d dist"}

注意，这里打包的相对路径要改一下，默认是’/‘, 要改成’./’,
以vite打包工具为例

1 2	export default defineConfig({ plugins: [react()], base: './'})

运行 yarn build 进行编译，默认是打包到dist文件夹，
如果你修改了打包位置，上面的deploy命令最后一个参数也要随着修改

运行 yarn deploy, gh-pages 模块会自动帮你上传，部署，
等待几分钟就可以了