Vite란?

<aside> 🔥 webpack 번들링 시 용량이 커지면 병목현상 발생과 아래 문제들이 발생한다.

번들링 시간 오래 소요, hmr(hot module replacement) 속도 느려짐, 첫 앱 로딩 속도 저하

ES Moudle로 빌드하여 속도가 굉장히 빠르다.

hmr도 빠르다.

초기 세팅시 웹팩보다 간편하게 제공.

Untitled

</aside>

VIte로 프로젝트 세팅

<aside> 🔥 프로젝트 세팅 방법

vite 세팅 시작

npm create vite@latest

</aside>