본문 바로가기
web 일반/React

github page 만들기, using gh-pages

by 문파워 2021. 3. 19.

gh-pages는 github의 github page 도메인을 사용하여 나의 웹사이트를 나타나게 해줌

gh-pasge는 github에 업로드하는 것을 허가해주는 모듈이다. 

 

 

1. gh-pages 설치 
> npm -i gh-pages 


2. package.json 추가 변경 
-- homepage 추가 
	,"homepage": "https://....github.io/...."
-- scripts 에 deploy,predeploy 명령어 추가   
	.
    ..
	"scripts": {
    ...
    ..,
    "build": "react-scripts build",
    "deploy": "gh-pages -d build",
    "predeploy": "npm run build"
  },
  

3. build 폴더를 업로드 하기
> npm run deploy 

==> deploy 를 호출하면 먼저, predeploy가 자동적으로 실행됨 (build 폴더 이름과 같아야 함)
==> predeploy 는 "npm run build" 실행하여 build 폴더를 만듬 
==> deploy는 pg-pages 를 호출하고 만들어진 build 폴더를 업로드 한다.

 

 

댓글