gh-pages

출처 : 노마드코더 - React JS로 영화 웹 서비스 만들기

 

1. gh-pages 다운받기

- TERMINAL에 npm i gh-pages 입력해서 다운받습니다.

- 결과물을 git hub에 올릴 수 있도록 도와줍니다.

 

2. 폴더에 packages.json이 있는지 확인합니다.

- TERMINAL에 npm run build 하면 build라는 폴더가 생성됩니다.

- 폴더 안에 여러 파일이 있는데 여기에는 우리가 사용했던 코드들이 있습니다.

- build를 GitHub에 올려주면 되지만 작업을 다 한 후에 해야 합니다.

 

3. 올리기 전에 우선 packages.json에 작업해야할 것이 있습니다.

//scripts에 작성
"scripts" : {
  "deploy" : "gh-pages -d build",
  "predeploy" : "npm run build" //자동으로 bulid run하기
}

//코드 마지막에 작성
  },
  "homepage": "https://[GitHub user명].github.io/[GitHub repository명]"
}

- TERMINAL에 npm run deploy를 gh-pages -d build 를 실행하고, build 폴더를 만듭니다.

- gh-pages는 아까 말했던 것처럼 homepage에 지정된 url로 작업물을 올립니다.

- 무언가를 수정했을 때 npm run deploy 만 입력하면 됩니다.

 

4. 배포된 프로젝트는 본인 repository에 들어가서 setting -> page 를 확인합니다.