React
Last updated
Last updated
1.確認Node.js、npm、create-react-app為最新版本,並擁有GitHub帳號。
若沒有任何安裝下方提供下載點。
2.在GitHub建立倉庫,命名為react-gh-pages(自行命名),忽略README.md、gitignore、LICENSE等檔案。
建立新的react-app。
打開終端,全局安裝:npx -i -g create-react-app react-gh-pages
接著切換目錄:cd react-gh-pages
並安裝gh-pages:npm install gh-pages — save-dev
( — save-dev會將訊息添加到package.json文件的devDependencies)
打開目錄中的package.json,新增一條: “homepage”: http://使用者名稱.github.io/倉庫名 其中的使用者名稱以及倉庫名請自行輸入。接著在scrpits中新增兩條: “predeploy”: “npm run build”, “deploy”: “gh-pages -d build”
在終端中起始倉庫:git init :git remote add origin https://github.com/gitname/react-gh-pages.git
在gh-pages branch新增build並佈署:```npm run deploy
最後就可以把自己的檔案push上master branch囉:
git add
>git commit -m “Create a React app and publish it to GitHub Pages”
>git push origin master
接著在每次提交後,都要記得npm run deploy佈署一次。