react github.io 배포하는 방법

seungyeon·2022년 5월 3일
0

1. npm install gh-pages --save-dev


2. package.json

"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
},

하단에 추가하시면 됩니다.
"homepage": "http://{사용자이름 OR organizations 이름}.github.io/{저장소이름(repo 이름)}"


3. .gitignore

build를 주석처리해주세요
# /build


4. npm run deploy 명령어 입력


5. 깃헙에서 페이지 생성되었는지 확인 후 (react는 404 에러가 뜨는게 맞습니다) package.json postbuild 추가 해주시면 됩니다.

"scripts": {
"postbuild": "cp build/index.html build/404.html"
},


6. npm run deploy 명령어 다시 입력해주시면 끝납니다.

  • 코드 수정 할 때 명령어 입력해주시면 됩니다.

0개의 댓글