그냥 사용해라

속도가 너무 빨라 생상성이 올라간다

Vite란,

비트 프론트엔드 개발 툴

Vue에 종속되어 있는 툴이 아니라 React, Vanilla, Svelta 등 어디서든 사용 가능하다.

역할

Vue-CLI의 상위호환

• Dev Server: 개발 환경에서 HMR과 같은 기능을 제공하는 개발용 서버 기능
• Build: Production 배포를 위한 소스코드 번들링 기능

프로젝트 셋팅 방법

1. npm create vite@latest

2. Project name을 입력 후, 사용할 프레임워크 선택

3. 프로젝트 생성

4. package.json 명령어를 보면 ‘vite ~~’인 것을 확인할 수 있다.

왜 빠른가?

HMR 지원 (Hot Module Replacement)

수정된 모듈과 관련된 부분만 교체하고 브라우저에 전달, 프로젝트 사이즈가 크더라도 영향이 없다.

참고 링크

https://analogcode.tistory.com/39