Vite 8, Rolldown으로 빌드 속도 10배 향상!
Vite 8, Rolldown을 단일 번들러로 채택하여 빌드 속도 10-30배 향상
기존 Rollup 및 esbuild 플러그인 호환성 유지 및 개발자 경험 개선
Vite Devtools 통합, tsconfig 경로 지원 등 새로운 기능 추가
커뮤니티에서는 Rolldown 기반 빌드 속도 향상에 대한 기대와 함께 마이그레이션 가이드에 주목
Rolldown 기반 번들러로의 전환
Vite 8은 Rolldown(Rust 기반 번들러)을 도입하여 개발 및 프로덕션 환경에서 일관된 성능을 제공한다. 기존 esbuild와 Rollup의 이중 번들러 구조에서 발생하는 플러그인 호환성 문제와 유지보수 부담을 해결했다. Rolldown은 Rollup의 플러그인 API를 지원하여 기존 플러그인과의 호환성을 유지하며, 빌드 속도 향상을 통해 개발 생산성을 높인다.
성능 향상 및 실제 사례
Vite 8은 Rolldown을 통해 10-30배 빠른 빌드 속도를 제공하며, 실제 프로젝트에서 그 효과가 입증되었다. Linear는 빌드 시간을 46초에서 6초로 단축했고, Ramp는 57%의 빌드 시간 감소를 경험했다. 이러한 성능 향상은 대규모 프로젝트에서 특히 두드러지며, 개발자 경험(Developer Experience)을 크게 개선한다. Rolldown의 지속적인 발전을 통해 추가적인 성능 향상을 기대할 수 있다.
새로운 기능 및 개발 도구
Vite 8은 Rolldown 통합 외에도 다양한 기능을 제공한다. Vite Devtools를 통해 개발 서버에서 직접 프로젝트를 디버깅하고 분석할 수 있으며, tsconfig 경로 지원을 통해 TypeScript path alias를 사용할 수 있다. 또한, Wasm SSR 지원 및 브라우저 콘솔 포워딩 기능이 추가되어 개발 편의성을 높였다. 특히, @vitejs/plugin-react v6는 Oxc를 사용하여 React Refresh 변환을 수행하며, Babel 의존성을 제거하여 설치 크기를 줄였다.
마이그레이션 및 향후 계획
Vite 8로의 마이그레이션은 대부분의 프로젝트에서 원활하게 진행될 것으로 예상된다. 기존 esbuild 및 rollupOptions 설정을 Rolldown 및 Oxc에 맞게 자동 변환하는 호환성 레이어(Compatibility Layer)를 제공하기 때문이다. 대규모 프로젝트의 경우, rolldown-vite 패키지를 먼저 사용하여 Rolldown 관련 문제를 격리한 후 Vite 8로 업그레이드하는 점진적 마이그레이션(Gradual Migration)을 권장한다. 향후 Full Bundle Mode 및 Raw AST transfer와 같은 기능 개발을 통해 성능을 더욱 향상시킬 예정이다.
