CRA와 VITE

cra와 Vite에 관한 여러가지 글

CRA 와 VITE (tistory.com)

(2) Vite VS Create React App (CRA) | LinkedIn

Vite 3.0 vs. React 앱 만들기 - LogRocket Blog

• 애플리케이션의 크기와 복잡성이 증가함에 따라 Create React App의 성능은 떨어지는 경향이 있습니다.

[번역] 2023년 버전 리액트 프로젝트를 시작하는 방법 (velog.io)

• 리액트 문서에서 cra 말고 다른 걸 쓰라함
• 추천하는 것 중 Vite가 가장 cra랑 비슷
• 단점에 대해서도 나와있어서 읽어보면 좋을 듯

Vite 초기설정

1. npm create vite@latest

2. react 선택하기

3. npm init vite@latest vite-project --template react

4. cd vite-project

5. npm install

6. npm run dev

 

이렇게 초기 설정도 cra와 크게 다르지 않아서 쉬움

고민인 점

• cra랑 비교했을 때 장점 - 빠르다
  • 우리가 개발할 때 그만큼 로딩시간이 오래걸릴까?
• 배포를 할 때 불편하다!
• Vite로 2단계를 프로젝트를 진행한 사람들이 오류가 나서 cra로 마이그레이션을 해서 배포함.
• 하지만 Vite로 크램폴린에 배포 성공한 사람이 있어서 우리도 할 수 있지 않을까?
• 굳이 속도 차이가 많지 않으면 고생할 필요가 있나?