프론트엔드 개발/라이브러리

리액트 라이브러리 gh-pages 깃 페이지 배포하기

snowman95 2021. 10. 2. 23:17
728x90
반응형
  1. 터미널에서 레포지토리 이동
  2. npm i gh-pages 수행
  3. package.json에 아래 내용추가
    ※ deploy를 수행하면 predeploy가 자동으로 수행되는 방식임.
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "deploy" : "gh-pages -d build",
        "predeploy" : "npm run build"
      },
    ...
    "homepage" : "https://깃아이디.github.io/깃레포지토지명/"
  4. npm run deploy 수행
    > npm run build
    
    > react-scripts build
    
    Creating an optimized production build...
    Compiled successfully.
    File sizes after gzip:
    
    > gh-pages -d build
    
    Published

  5. 배포된 git page 접속
    https://깃아이디.github.io/깃레포지토지명/
반응형