Vite는 Vue 창시자 에반 유가 개발한 Webpack 같은 빌드 도구(번들러)입니다. Go 언어로 구현된 ESBuild를 사용하여 굉장히 빠른 빌드 속도와 즉각적인 핫 모듈 교체(HMR)를 제공하여 많은 인기를 얻고 있습니다.

이번 5.0 릴리즈에서는 Rollup4 의 도입을 통해 여러 성능 향상을 이루었으며, Node.js 18이상을 지원하고 pnpm create vite 템플릿을 지원합니다.

주목할 만한 점은 Vite는 로컬 개발 환경에서는 ESBuild를 사용하여 빠른 빌드 속도와 효율적인 핫 모듈 교체(HMR)를 제공하는 반면, 프로덕션 배포를 위해서는 Rollup을 사용하는데요. 이는 코드 최적화와 트리 쉐이킹을 위해서입니다.

이러한 양분화된 접근 방식에도 불구하고, Vite 개발팀은 Rust로 Rollup을 포팅하여 'Rolldown'이라는 하나의 번들러로 통합하는 작업을 진행중이라고 합니다. 이는 이미 빠른 Vite의 속도를 더욱 향상시킬 것으로 기대됩니다.

올해 말까지 이 오픈 소스 코드 베이스를 공개할 계획이라고 합니다.

SSR이 아닌 SPA 개발에 있어서는, Vite가 앞으로 훌륭한 대안이 될 것으로 보입니다.

https://vitejs.dev/blog/announcing-vite5