vite 설치

순서정리

레포지토리 생성했다는 가정하

1. yarn create vite
2. 프레임워크 선택
3. js or typescript 선택

• SWC를 사용할 것인지 물어본다.
  SWC는 Rust로 짜여진 컴파일러로 속도와 성능이 우수하기 때문에 SWC를 선택 했다.

4. yarn - node_modules 설치
5. yarn dev - yarn start 처럼 프로젝트 실행

CRA가 아닌 Vite가 흥하는 이유

1. 빠른 개발 서버 (Fast Development Server):

Vite는 빠른 개발 서버를 제공한다. 개발 중인 애플리케이션을 빠르게 빌드하고 새로 고침 없이 바로 확인할 수 있음.

2. 빠른 빌드 시간 (Fast Build Time):

Vite는 빌드 시간을 최적화하여 프로덕션 빌드가 빠름. 특히 대규모 프로젝트에서 성능이 중요한 경우에 유용하다고 한다.

3. ES 모듈 기반 (ES Module Based):

Vite는 기본적으로 ES 모듈을 사용하고 필요한 파일만 불러와 사용한다. 이는 초기 로딩 속도를 개선하고 필요하지 않은 코드의 양을 최소화한다.

4. 다양한 플러그인 지원 (Plugin Support):

Vite는 다양한 플러그인을 지원하며, 프로젝트에 필요한 기능을 쉽게 추가할 수 있다.

이외에도 다양한 장점들이 많은데 개발자들의 개인적인 취향에 따라 Vite 또는 CRA를 선택 하는 느낌이다. Vite는 특히 빠른 개발 속도와 높은 성능을 강조하며, 여러 측면에서 유용해 보인다.