| <colbgcolor=#7E14FF,#7E14FF><colcolor=#fff,#fff> Vite | |
| | |
| 라이선스 | MIT 라이선스 |
| 분류 | 웹 프론트엔드 및 웹 백엔드 개발 툴 |
| 플랫폼 | Microsoft Windows, Linux, macOS |
| | |
1. 개요
Vue.js, React, Svelte, SolidJS 등을 지원하는 빌드 도구이다. '바이트'가 아닌 '비트'[1]로 읽는다.
Vue 3와 함께 개발된 툴로서, 기존 Vue CLI의 위치를 대체한다. 내부적으로 7 까지는 Rollup[2] 번들링과 esbuild[3]의 빌드 시스템을 조합하여 빠른 속도를 자랑했으나, 8 부터는 Rolldown 번들링과 Oxc 빌드 시스템을 정식 탑재하여 더 미친 듯이 빠른 HMR(Hot Module Replacement, 새로고침 없이도 코드 변경사항을 반영시켜 주는 기술) 속도를 보여준다. 브라우저와 코드 에디터 화면을 동시에 띄워 놓은 다음 코드 저장 키를 누르는 순간 즉시 화면이 바뀌는 모습은 아름다운 수준이다.
내부적으로 SSR 시스템도 갖추고 있다.[4] Vue.js 지원을 베이스로 시작했지만, 규모가 커지고 발전하다보니 다른 프레임워크들에서도 눈독들일 만한 강력한 툴이 되어서 현재는 다양한 프레임워크들과의 연동 시스템이 존재한다. Rollup을 채택했기 때문에 일부 빌드 기반을 제외하면 대부분의 Rollup 플러그인과 호환된다.
electron-vite라고 하는 빌드 툴로 일렉트론 앱을 만들 수 있다.
2. 역사
2026년 1월 13일 리브랜딩을 진행하며 로고 등이 변경되었다.#213392026년 3월 12일 Vite 8 출시와 함께 번들링 및 빌드 시스템이 Rolldown 과 Oxc 체제로 전환되었다.
3. Rolldown
홈페이지webpack 개발진이 다시 모여 정신적 후속이면서 Rust 기반의 트랜스파일러 및 번들러 솔루션인 Turbopack을 만들듯이, Vite 팀도 Svelte와 Rollup.js를 만든 Rich Harris와 협업하여 Rollup.js 및 esbuild의 호환성을 최대한 확보하면서도 강력하고 빠른 Rust 기반의 트랜스파일러 및 번들러인 Rolldown을 개발하여 Vite 8과 함께 출시하였다.
따라서 Vite 8부터 빌드 및 번들링 도구는 Rolldown 체제로 전환됐고, 트랜스파일러와 코드 품질 도구를 Oxc를 통해 해결하기 시작했다. Turbopack과 차별화되는 특징은, webpack의 기능이 너무 방대하여 필요한 만큼 챙겨가는 Turbopack[5]과는 달리, Rolldown은 Rollup 번들러의 최대한 많은 옵션을 호환시켜 Rolldown 백엔드의 Vite 사용 시 최소한의 마이그레이션으로도 최대한의 효과를 보겠다는 목표를 가지고 있다.
@rolldown/babel 이라는 Babel 대응 패키지가 존재한다. Vite 7까지는 Babel 자체를 기본적으로 탑재됐다가 8부터는 바벨 탑재를 버리고 대신 나온 패키지로, 리액트 Compiler 대응을 위한 호환 레이어로 개발했으며, Rolldown 체제의 빠른 속도와 Babel의 호환성을 둘 다 챙길 수 있는 흥미로운 패키지라 볼 수 있다. 물론 Vite 생태계에 맞추기 위해 Babel 대신 Oxc 전환 논의가 진행 중이고, React Compiler 가 아직 정식 출시 단계가 아니며, React 팀과 Vite 팀이 서로 협력은 하고 있지만, 현재 공식적으로는 Babel만 지원한다.