github-pages를 이용한 배포하기

먼저 깃허브 repo에 push된 상태여야 한다.

설치

github-pages를 설치한다.

1
npm i gh-pages --save-dev

homepage 추가하기

package.json에 homepage를 추가한다.

주소는 http://{사용자 이름}.github.io/{저장소 이름}으로 한다.

1
2
3
//...
"homepage": "http://pshdev1030.github.io/wanted_pre_onboarding"
//...

script 추가하기

이어서 package.json에 해당 스크립트를 추가한다.

1
2
3
4
//...
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
//...

배포하기

터미널에서 배포하는 커맨드를 실행한다.

1
npm run deploy

확인하기

해당 저장소의 Settings->pages 에서 확인할 수 있다.
만약 접속이 안될 경우 뒤에 /index.html을 붙여 접속한다.

댓글