[GitHub] React 프로젝트 github 배포하기

 

• github에 레포지토리를 생성하고, git push 작업까지 해준다.

 

깃을 처음 사용한다면 아래 링크를 참조해보세요 :)

https://meanbymin.tistory.com/7?category=929768 

Git, GitHub 사용하기

 

 

• git push가 끝났다면, npm을 사용해 gh-pages 패키지를 설치합니다.

$ npm install --save gh-pages

 

• push가 된 자신의 깃 레포지토리로 들어간 후 settings를 클릭한다.

 

• settings안에 있는 Pages를 클릭한다.

 

• React 프로젝트의 package.json 파일을 수정합니다.
• homepage 주소를 수정하고 predeploy와 deploy를 scripts에 추가합니다.

 

{
  "homepage": "{깃허브io배포 주소}"
  "scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  }
}

 

• 마지막으로 React 앱을 deploy합니다.

$ npm run deploy