Git

[Git] gh-pages

ahleum 2022. 5. 14. 01:56

결과물을 github pages에 업로드할 수 있게 도와주는 패키지

웹사이트로 만들어서 무료로 배포할 수 있게 도와준다

 

 

npm i gh-pages

위 명령어를 터미널에 입력하고 설치해준다.

 

 

github에 아직 프로젝트를 push를 안했다면 먼저 푸시해주고

 

package.json으로 가서 맨 아래

 

이렇게 "homepage" :  "https://youahleum.github.io/레포지토리 이름" 이렇게 작성해준다

만약 먼저 git push가 되어 있는 상태 설치하고 진행했다면 저절로 적혀 있었을 것이다. 

그리고 위로 올라가 "script" 부분을 확인해보면

표시되어 있는 부분이 아직 작성이 안되어 있다면 작성해준다. 

 

predeploy는 deploy를 진행하면 먼저 npm run build를 진행해주고 그다음 deploy를 진행하게 된다. 

 

 

 

npm run deploy

 를 입력하고 기다리면 중간에 npm run build가 실행된 걸 볼 수 있고 

그리고 그 아래로 페이지가 생성되었다는 것을 볼 수 있다.

그럼 위에서 작성한 주소로 들어가면 페이지를 볼 수 있는데

처음 생성되고서는 약 5분 정도 걸릴 수 있으니 시간을 갖고 기다려보자