gh-pages

o:kcalb·2023년 12월 30일
0

React

목록 보기
17/29
post-thumbnail

gh-pages: github에서 제공하는 무료 서비스로 결과물을 github pages에 업로드하여 웹사이트로 만들어서 전세계에 무료로 배포해줌

  1. 터미널에 npm i gh-pages

  2. 터미널에 npm run build

  3. "homepage": "https://이름.github.io/리포지토리" 추가

  4. "deploy": "gh-pages -d build" 추가

  5. "predeploy": "npm run build" 추가

  6. 터미널에 npm run deploy

완성!


참고

  • 깃허브 연결 git remote add origin https://github.com/유저이름/리포지토리.git

  • 깃허브 기존 원격소 끊기 git remote remove origin

  • 깃허브 확인 git remote -v

  • deploy: 우리가 방금 설치한 gh-pages를 실행시키고 build라는 디렉토리를 가져가는 거

  • predeploy: deploy를 실행시키면 deploy 전에 자동 실행됨

  • 라우터 때문에 안 나올 경우 path 변경
    path={`${process.env.PUBLIC_URL}/`}

profile
모든 피드백 받습니다 😊

0개의 댓글

관련 채용 정보