[React]git hub배포하기

 

1. 프로젝트에 gh-pages 패키지를 설치

npm install gh-pages --save-dev

 

 

2. package.json 파일을 열기

(1) "homepage" 주소를 추가

"homepage": "http://{사용자 이름}.github.io/{저장소 이름}"

(2) script 부분에 predeploy, deploy 를 추가

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

 

 

 

3. 터미널창을 열어 npm run deploy를 실행

npm run deploy

 

4. github의 repository에서  settings -> pages에 들어가

source를 gh-pages로 변경.