gh-pages를 이용해 Github 페이지에 배포하기

poburi·2020년 7월 6일
0

memo

목록 보기
2/4
post-thumbnail

gh-pages 설치

  • github에서 리파지토리 생성

  • react 설치

npx react-create-app .
  • gh-pages 설치
npm i gh-pages
  • package.json 파일에 추가:
...
"homepage": "https://poburi.github.io/movie/",
...
  • package.json 파일에 스크립트 추가:
"scripts": 
...
"deploy": "gh-pages -d build"


깃 푸시하고 마스터브랜치 확인.

gh-pages 실행

  • npm run build 실행

build라는 폴더가 생겼다.
index.html과 모든 static asset 관련 파일들이 들어있다.

  • npm run deplay 실행
    Published! 라는 단어가 뜨면 성공.

💡 합쳐도됨 npm run build && npm run deploy

이제 gh-pages 브랜치가 생겼는지 확인.

Settings 메뉴에서 GitHub Pages로 쭉 내리면

사이트가 배포되었다는 문구와 함께 링크가 생겼다. 클릭해보면:

정상적으로 배포된 것을 확인할 수 있다.

profile
FE 개발자 poburi

관심 있을 만한 포스트

0개의 댓글