Vite 8 ra mắt: Bộ đóng gói dựa trên Rust thống nhất, tăng tốc độ build lên tới 30 lần

Vite, công cụ build frontend phổ biến do Evan You tạo ra, đã chính thức phát hành Vite 8.0 với sự thay đổi kiến trúc quan trọng nhất kể từ phiên bản 2: chuyển hoàn toàn từ hệ thống dual-bundler sang Rolldown, một bộ đóng gói (bundler) duy nhất được viết bằng ngôn ngữ Rust.

Trước đây, Vite phụ thuộc vào hai bundler riêng biệt: esbuild cho biên dịch phát triển nhanh và Rollup cho build sản phẩm tối ưu. Việc duy trì hai pipeline chuyển đổi riêng lẻ dẫn đến hai hệ thống plugin, lượng mã kết nối (glue code) ngày càng tăng và nhiều trường hợp ngoại lệ do xử lý module không nhất quán. Vite 8 giải quyết vấn đề này bằng cách thay thế cả hai bằng Rolldown, mang lại tốc độ build nhanh hơn từ 10 đến 30 lần trong khi vẫn duy trì khả năng tương thích đầy đủ với API plugin của hệ sinh thái Vite hiện tại.

Hiệu suất vượt trội trong thực tế

Các cải thiện về hiệu suất trong thực tế được báo cáo là rất ấn tượng trong giai đoạn beta. Linear ghi nhận thời gian build sản phẩm giảm từ 46 giây xuống còn 6 giây, Ramp báo cáo giảm 57% và Beehiiv đạt mức cải thiện 64%. Trên Hacker News, một nhà phát triển chia sẻ trải nghiệm tương tự:

Vite 8 thực sự tuyệt vời. Chúng tôi thấy sự cải thiện khoảng 8 lần (từ 4 phút xuống còn 30 giây) trong bản build sản phẩm, và việc thay thế diễn ra gần như tức thì. Chúc mừng (và cảm ơn!) đội ngũ Vite!

Một báo cáo khác cho thấy thời gian build của họ đã được cắt từ 12 phút xuống chỉ còn 2 phút trên một dự án có khoảng một triệu dòng mã. Các thảo luận trên Reddit cũng nhấn mạnh vai trò ngày càng tăng của Rust trong chuỗi công cụ JavaScript, với Rolldown, Oxc và Lightning CSS đều được viết bằng ngôn ngữ này.

Tuy nhiên, một vấn đề tương thích đáng chú ý đã xuất hiện giữa Vite 8 và chiến lược phân giải module Plug'n'Play (PnP) của Yarn, đặc biệt là trên Windows. Đội ngũ Vite đã tín hiệu rằng họ có thể sẽ không hỗ trợ tích cực Yarn PnP trong tương lai. Đối với các dự án bị ảnh hưởng, việc chuyển đổi nodeLinker của Yarn về node-modules là giải pháp thay thế hiện tại, mặc dù điều này làm mất đi lợi ích về tiết kiệm dung lượng đĩa và tốc độ cài đặt của PnP.

Cải thiện trải nghiệm nhà phát triển

Ngoài việc tích hợp Rolldown, Vite 8 còn giới thiệu một số cải tiến nhằm nâng cao trải nghiệm nhà phát triển (Developer Experience - DX):

• Hỗ trợ tsconfig paths tích hợp: Giúp loại bỏ nhu cầu sử dụng alias plugins bằng cách đặt resolve.tsconfigPaths thành true.
• Hỗ trợ emitDecoratorMetadata gốc: Giúp đơn giản hóa thiết lập cho các framework như NestJS và Inversify.
• Chuyển tiếp console trình duyệt: Tính năng mới, được bật qua server.forwardConsole, chuyển trực tiếp nhật ký phía khách hàng (client-side logs) đến thiết bị đầu cuối, rất hữu ích khi làm việc với các tác nhân lập trình AI (AI coding agents).
• @vitejs/plugin-react v6: Bản phát hành này thay thế Babel bằng Oxc cho các chuyển đổi React Refresh, giúp giảm kích thước cài đặt.

So sánh và hướng dẫn nâng cấp

So với các đối thủ, Vite 8 định vị mình là một giải pháp thay thế độc lập với framework cho Turbopack, vốn vẫn gắn liền với hệ sinh thái Next.js. Các điểm chuẩn gần đây mô tả Vite 8 là "tùy chọn cân bằng nhất" trên các khía cạnh khởi động nguội (cold starts), HMR và build sản phẩm. Rspack, một bundler khác dựa trên Rust, cung cấp khả năng tương thích mạnh mẽ với Webpack nhưng thiếu độ rộng của hệ sinh thái plugin của Vite.

Để nâng cấp, đội ngũ phát triển khuyến nghị một cách tiếp cận từng bước đối với các dự án lớn: trước tiên chuyển sang gói rolldown-vite trên Vite 7 để cô lập các vấn đề cụ thể của Rolldown, sau đó nâng cấp lên Vite 8. Hầu hết các dự án có thể nâng cấp trực tiếp mà không cần thay đổi cấu hình nhờ lớp tương thích tích hợp tự động chuyển đổi các tùy chọn esbuild và Rollup hiện có.

Vite là công cụ build mã nguồn mở hiện được tải xuống hơn 65 triệu lần mỗi tuần. Nó là nền tảng cho các framework bao gồm SvelteKit, Nuxt, Astro, React Router và Storybook, và được duy trì bởi đội ngũ VoidZero.