Vite 8.0 출시

2 weeks ago 8

  • Rust 기반 번들러 Rolldown을 통합해 개발·빌드 속도를 대폭 향상한 Vite 8이 정식 공개됨
  • 기존 esbuild + Rollup 이중 구조를 하나의 통합 번들러로 단일화하여 최대 10~30배 빠른 빌드 성능을 달성
  • 새로운 플러그인 레지스트리(registry.vite.dev) 가 공개되어 Vite·Rolldown·Rollup 플러그인을 검색·관리 가능
  • Vite Devtools, TypeScript 경로 해석, Wasm SSR, 콘솔 포워딩 등 개발 편의 기능이 추가됨
  • 이번 릴리스는 Vite 생태계의 가장 큰 구조적 변화로, 향후 통합 툴체인 발전의 기반이 됨

Rolldown 기반의 Vite 8

  • Vite 8은 기존 esbuild(개발용)Rollup(프로덕션용) 의 이중 번들러 구조를 Rolldown 단일 번들러로 통합
    • Rolldown은 Rust로 작성된 고성능 번들러로, Rollup과 동일한 플러그인 API를 지원
    • 기존 Vite 플러그인의 대부분이 별도 수정 없이 작동
  • 성능은 Rollup 대비 10~30배 빠르며, 모듈 단위 캐싱, 유연한 청크 분할, Module Federation 등 고급 기능을 지원

Rolldown 도입 과정

  • 초기에는 rolldown-vite 패키지로 기술 프리뷰를 제공해 커뮤니티 피드백을 수집
    • 다양한 실제 코드베이스에서 테스트하며 호환성 문제를 해결
    • 주요 플러그인과 프레임워크를 대상으로 한 전용 CI 테스트 체계를 구축
  • 2025년 12월 Vite 8 베타를 공개하며 Rolldown을 완전 통합
    • 베타 기간 동안 Rolldown은 Release Candidate 단계로 발전하며 안정화

실제 성능 개선 사례

  • 여러 기업이 빌드 시간 단축 효과를 보고함
    • Linear: 46초 → 6초
    • Ramp: 57% 단축
    • Mercedes-Benz.io: 최대 38% 단축
    • Beehiiv: 64% 단축
  • 대규모 프로젝트일수록 효과가 두드러지며, Rolldown의 지속적 개선이 예고됨

통합 툴체인과 기술 스택

  • Vite 8은 Vite(빌드 도구), Rolldown(번들러), Oxc(컴파일러) 가 긴밀히 협력하는 엔드투엔드 툴체인으로 발전
    • 파싱·변환·최적화 전 과정의 일관성 확보
    • Oxc의 의미 분석을 활용한 트리 셰이킹 최적화 가능
    • 새로운 JS 사양을 빠르게 도입할 수 있는 구조

추가 기능

  • Vite Devtools: 개발 서버에서 프로젝트 상태를 시각적으로 분석 가능
  • TypeScript 경로(alias) 자동 해석emitDecoratorMetadata 내장 지원
  • Wasm SSR: 서버사이드 렌더링 환경에서 .wasm?init 임포트 지원
  • 브라우저 콘솔 포워딩: 브라우저 오류를 터미널로 전달해 디버깅 효율 향상
  • @vitejs/plugin-react v6: Babel 제거, Oxc 기반 React Refresh 적용, 설치 용량 감소

향후 개발 방향

  • Full Bundle Mode(실험적): 개발 중에도 번들링을 수행해 3배 빠른 서버 시작, 40% 빠른 리로드, 10배 적은 네트워크 요청 달성
  • Raw AST 전송Native MagicString 변환으로 Rust와 JS 간 성능 격차 축소
  • Environment API 안정화를 위한 생태계 협업 진행 중

설치 용량 변화

  • Vite 8은 Vite 7보다 약 15MB 증가
    • lightningcss(약 10MB): 기본 CSS 압축 기능 제공
    • Rolldown 바이너리(약 5MB): 속도 최적화를 위한 크기 증가
  • 향후 릴리스에서 용량 최적화 지속 예정

마이그레이션 가이드

  • 대부분의 프로젝트는 설정 변경 없이 업그레이드 가능
    • 기존 esbuild 및 rollupOptions 설정이 자동 변환
  • 대형 프로젝트는 2단계 마이그레이션 권장
    • Vite 7에서 rolldown-vite로 전환 후, Vite 8로 업그레이드
  • 세부 절차는 공식 Migration GuideChangelog에서 확인 가능

Rollup과 esbuild에 대한 감사

  • Rollup은 Vite의 플러그인 생태계 기반을 제공했으며, Rolldown이 그 API를 계승
  • esbuild는 빠른 개발 경험을 가능케 한 핵심 기술로, Rust·Go 기반 툴링 발전의 계기가 됨
  • 두 프로젝트의 기여가 Vite의 DNA에 깊이 내재되어 있음

커뮤니티와 협력

  • Vite 8 개발은 sapphi-red와 Vite 팀, Rolldown 팀, 그리고 수많은 커뮤니티 기여자들의 협력으로 완성
  • VoidZero, Bolt, NuxtLabs가 주요 파트너로 참여
  • GitHub Sponsors 및 Open Collective 후원자들에게 감사 표시

Read Entire Article