깃헙 웹페이지 올리기 github.io

1. gh-pages 설치

npm i gh-pages 

 

2. pakage.json 홈페이지 설정

"homepage": "{username}.github.io/{project name}"

 

3. pakage.json deploy script 생성

1) npm run build 실행

2) build 폴더 생성

 

3) pakage.json에 deploy script 생성

"deploy" : "gh-pages -d build"

 

4) pakage.json에 predeploy script 생성

"predeploy" : "npm run build"

npm 이 deploy 하기 전에 자동으로 predeploy 실행시켜줌

 

4. npm run deploy 실행

build 후에 gh-pages 까지 디플로이 된 것을 볼 수 있다.

 

5. 페이지에 접속해서 확인해 볼 수 있다.

https://baekjigyeong.github.io/movie-app/

 

배포되기 까지 시간이 좀 필요하고 배포중일때는 프로젝트 Environment 탭에서 아래와 같이 pending 상태인 것을 볼 수 있다.