CRA를 한번 써보았다가.. 안그래도 어려운데 도통 너무 무겁고, 느려서 좀 더 빠르게 배포/로딩 할 수 있는게 없는지 찾던 도중 Vite라는 녀석을 찾게되었다.
원래는 Vue.js 전용으로 나온거 같은데 CRA보다는 체감은 100배 빠르다.
다만, 오래되지 않아서 그런지 어떻게 배포하는 방법이 잘 나와있지 않아서 정리해본다..
1. Github에 접속하여 Repo를 원하는 이름으로 새로 만든다.
2. Terminal에서 아래와 같이 타이핑하여 코드를 push한다
git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/GITHUB사용자ID/REPO명.git
git push -u origin main3. 분명 이렇게까지하면.. 코드가 올라간다고 했었는데 난 초짜라 그런지 되지가 않는것이다! 구글링결과..
(a) 원격 저장소가 이미 설정되어 있거나, (b) 이미 해당 branch 데이터가 있어서 push를 막는 경우가 있더라.
각각 이렇게 해주면 된다.
(a)인 경우,
$ git remote -v
치면 현재 어디로 연결되어있는지 봐진다. 해당 repo가 아니라면 끊어줘야한다.
$ git remote remove origin
(b)인 경우,
$ git push origin +main4. vite.config.js 파일에가서 이 부분을 추가한다.
base는 repo명으로 해주면 된다.
5. 이제 거의 끝이다.
$ npm run build
$ git add dist -f
$ git commit -m "Adding dist"
$ git subtree push --prefix dist origin gh-pages요로콤하면 gh-pages에 잘 deploy되어있더라... CRA보단 훨씬 좋네 ㅎ