React App Github Deploy

React App Github Deploy

• https://github.com/gitname/react-gh-pages

gh-pages 설치

$ npm install gh-pages --save-dev

package.json 수정

package.json 파일에 scripts를 추가합니다.

• predeploy : 배포 이전 빌드를 위한 스크립트 입니다.
• deploy : 배포를 위한 스크립트 입니다.

// package.json
{
  "scripts": {
      "start": "cross-env NODE_PATH=src NODE_ENV=development node scripts/start.js",
      "build": "cross-env NODE_PATH=src NODE_ENV=production node scripts/build.js",
      "test": "node scripts/test.js --env=jsdom",
      "predeploy": "yarn build",
      "deploy": "gh-pages -d build"
    },
}

package.json 파일에 homepage를 추가합니다.

// package.json
{
  // other configs...
  "scripts" : { },   
  "homepage": "https://[account].github.io/[repo]"
}

tags: javascript, react, github, deploy