Deployment

Github 

• package.json 파일에 프로젝트 주소 연결 

  "homepage": "https://myusername.github.io/my-app"

 

• 커맨드에 yarn add gh-pages 명령어 입력
• package.json 파일에 아래 데이터 추가

  "scripts": {
+   "predeploy": "npm run build",
+   "deploy": "gh-pages -d build",
    "start": "react-scripts start",
    "build": "react-scripts build",
    }

 

• 커맨드에 yarn build 명령어 입력
• 커맨드에 npm run deploy 명령어 입력
• 깃허브 repo 페이지 설정에서 연결할 branch를 master => gh-pages로 변경 

 

Netlify 

npm install netlify-cli -g
netlify deploy

 

• publish directory는 build 폴더로 한다. 
• 깃허브 배포를 위해 작성했던 "home page' : ~ 는 삭제해 주어야 한다.   
• 사용자에게 배보할 때에는 --prod flag를 이용한다.

 

production flag