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 폴더를 업로드 한다.
'web 일반 > React' 카테고리의 다른 글
state of JS 의 설문조사 살펴보기 (Front End Frameworks 설문조사) (0) | 2021.01.08 |
---|---|
nvm, npm 설치 for Linux (0) | 2021.01.07 |
개발자를 위한 웹 기술 > JavaScript (0) | 2021.01.06 |
React 1) 개발환경 (0) | 2020.05.28 |
댓글