1.首先。使用git init 民珍;git add . ; git commit -m"版本" git remote add origin {url} git push -u origin master 先將本地的文件push上遠(yuǎn)端倉(cāng)庫(kù)上去。
2.修改厨幻。修改react文件的package.json文件悲敷。具體需要添加以下三條。
image.png
devDependencies如果沒(méi)有的話可以添加一下崩侠。用紅框的部分是必須的。homepage:表示你訪問(wèn)的頁(yè)面屁柏。
predeploy:是將你的項(xiàng)目預(yù)編譯成靜態(tài)文件放在build文件夾deploy:是使用gh-pages 部署你的build文件夾下的內(nèi)容啦膜。
注意修改之后注意也push上去。
3.在本地react文件夾下 使用npm run build 將react進(jìn)行編譯淌喻。(貌似可以沒(méi)有這一步)
再使用 npm install gh-pages --save-dev 安裝gh-pages工具僧家。
最后輸入 npm run deploy 部署。
image.png
部署時(shí)候具體執(zhí)行的操作大概為按照package.json里面你加的三行中的兩行
1.先build你的react文件
2.使用gh-pages工具部署你的build到新的gh-pages分支上裸删。然后發(fā)布到頁(yè)面上八拱。