JS | Github pages 배포방법 정리

매일 까먹는다.. 정리를 해놓자!!

build

npm run build 명령어를 통해 빌드를 한다. /dist폴더에 빌드 결과물이 생길 것

pages배포를 위한 branch를 생성

gh-pages라는 이름의 브랜치가 있으면, 깃헙에서 알아서 pages배포용 브랜치라는 것을 알아먹는다.. 멋져...
브랜치를 dist폴더에서 생성할 것이기 때문에! 우선 프로젝트 경로에서 dist로 이동한다.

$ cd dist

그리고 git과 연동을 위해 init해주고, 커밋할 파일들을 모두 추가한다 git add
한 번의 커밋은 있어야 브랜치가 만들어지므로 커밋부터 하고, gh-pages 브랜치를 생성한다.

$ git init

$ git add .

$ git commit -m "commit message"

$ git branch gh-pages

$ git checkout gh-pages

remote 연결 및 push

$ git remote add origin [repository url]

$ git push origin gh-pages

pages 사용 설정

깃헙의 해당 리포지토리의 settings에서 pages설정을 활성화 한다.

 

---

css랑 이미지들이 다 안뜨면...

경로를 바꿔주기
/style.6db59b4c.css같은 경로들을 모두 ./style.6db59b4c.css이런식으로!