Turbopack là bundler JavaScript thế hệ mới do Vercel phát triển, thay thế Webpack với tốc độ build nhanh hơn gấp 10 lần. Tobias Koppers, cha đẻ của Webpack, trực tiếp dẫn dắt dự án này. Nếu bạn từng chờ vài phút để Webpack build xong một dự án lớn, Turbopack sinh ra để giải quyết chính vấn đề đó.
Turbopack Là Gì?
Turbopack là công cụ đóng gói mã nguồn (bundler) cho ứng dụng web, được thiết kế để thay thế Webpack. Nó được viết bằng Rust, một ngôn ngữ hệ thống có tốc độ gần ngang C/C++, thay vì JavaScript như Webpack.
Điểm khác biệt cốt lõi: Turbopack sử dụng kiến trúc incremental computation. Nghĩa là nó chỉ tính toán lại những phần thay đổi, thay vì build lại toàn bộ dự án. Khi bạn sửa một file, Turbopack chỉ xử lý file đó và những thứ phụ thuộc vào nó, không scan lại toàn bộ project.
Tại Sao Webpack Chậm?
Webpack ra đời năm 2012, một thời kỳ mà JavaScript còn đơn giản hơn nhiều. Nó hoạt động bằng cách đọc tất cả file, tạo dependency graph, rồi đóng gói. Mỗi lần build, Webpack phân tích lại toàn bộ graph này.
Khi dự án lớn lên với hàng nghìn module, quá trình này mất thời gian. Một dự án Next.js trung bình có thể mất 30-60 giây cho cold build, và 2-5 giây cho mỗi hot reload. Đối với developer, mỗi giây chờ đợi là hiệu suất giảm sút.
Turbopack Nhanh Hơn Bao Nhiêu?
Theo benchmark chính thức từ Vercel, Turbopack nhanh hơn Webpack khoảng 10 lần cho cold build và nhanh hơn 4 lần cho hot module replacement (HMR). Với dự án 3.000 module, Turbopack cold build mất 2-3 giây trong khi Webpack mất 25-30 giây.
Đặc biệt, tốc độ HMR của Turbopack gần như tức thời, dưới 100 mili giây, bất kể kích thước dự án. Điều này có nghĩa là khi bạn lưu file, thay đổi hiển thị trên browser gần như ngay lập tức.
Turbopack Hoạt Động Thế Nào?
Turbopack dựa trên Turborepo’s task runner architecture, sử dụng Rust làm core engine. Ba thành phần chính: Turbo Engine (quản lý cache và incremental computation), Module Graph (theo dõi dependencies), và Transformation Pipeline (biên dịch các loại file khác nhau).
Khi một file thay đổi, Turbo Engine tra cache xem file đó đã được xử lý trước đó chưa. Nếu rồi, nó dùng lại kết quả cũ thay vì tính lại. Toàn bộ quá trình xảy ra trong bộ nhớ, không ghi ra disk như Webpack, giúp tiết kiệm I/O overhead.
Cài Đặt Và Sử Dụng Turbopack
Cách dễ nhất để dùng Turbopack là thông qua Next.js phiên bản 13 trở lên. Từ Next.js 15, Turbopack là bundler mặc định cho development. Bạn chỉ cần chạy npx next dev và Turbopack sẽ tự động kích hoạt.
Đối với dự án không dùng Next.js, bạn có thể cài Turbopack độc lập qua npm. Tuy nhiên, ecosystem xung quanh Turbopack standalone còn hạn chế so với Webpack. Phần lớn plugin và loader của Webpack chưa được port sang. Đây là lý do nhiều team vẫn giữ Webpack cho production.
Turbopack vs Vite: Cái Nào Tốt Hơn?
Vite là một bundler khác cũng rất phổ biến, do Evan You (tác giả Vue.js) phát triển. Cả hai đều nhắm vào tốc độ, nhưng tiếp cận khác nhau. Vite dùng native ESM trong development, không cần bundle. Turbopack vẫn bundle nhưng tối ưu quá trình bundle.
Mình thấy Vite phù hợp hơn cho dự án Vue, Svelte, hoặc SPA đơn giản. Turbopack mạnh hơn cho dự án React/Next.js phức tạp với server-side rendering. Nếu bạn đã dùng Next.js, Turbopack là lựa chọn tự nhiên. Nếu dùng stack khác, Vite linh hoạt hơn.
Turbopack vs Webpack: Nên Chuyển Khi Nào?
Không nên chuyển ngay chỉ vì tốc độ. Webpack đã trưởng thành hơn 10 năm, có hệ sinh thái plugin khổng lồ, tài liệu phong phú và community lớn. Nếu dự án hiện tại chạy ổn định, không có lý do gấp rút chuyển đổi.
Nên cân nhắc Turbopack khi: dự án mới dùng Next.js, cold build trên 30 giây ảnh hưởng năng suất, hoặc team đã dùng Vercel làm deployment platform. Trong các trường hợp này, Turbopack mang lại giá trị ngay lập tức.
Hạn Chế Của Turbopack
Turbopack chưa hoàn hảo. Tính đến năm 2026, production build vẫn đang trong giai đoạn beta. Một số Webpack loader và plugin chưa được hỗ trợ. Tài liệu chưa phong phú bằng Webpack. Nếu dự án phụ thuộc nhiều vào custom Webpack config, việc migrate sẽ tốn thời gian.
Ngoài ra, Turbopack gắn liền với Vercel ecosystem. Dù là open source, roadmap phát triển chịu ảnh hưởng mạnh từ nhu cầu của Next.js. Nếu bạn dùng stack khác, rủi ro vendor lock-in là điều cần cân nhắc.
Kết Luận
Turbopack đại diện cho xu hướng bundler thế hệ mới: viết bằng ngôn ngữ hệ thống, tối ưu incremental computation, tập trung vào developer experience. Cùng với Vite và esbuild, Turbopack đang định nghĩa lại kỳ vọng về tốc độ build tool.
Nếu bạn làm việc với Next.js hoặc React, Turbopack đáng để dùng ngay. Nếu dự án khác ổn định, theo dõi sự trưởng thành của Turbopack và chuyển khi phù hợp. Tốc độ build nhanh hơn không chỉ tiết kiệm thời gian, nó thay đổi cách bạn code: thử nghiệm nhiều hơn, iterate nhanh hơn, sản phẩm tốt hơn.
Theo mình, Turbopack không giết Webpack. Nó đẩy Webpack vào ngách maintain legacy, giống như cách Docker thay thế virtual machine mà không xóa bỏ hoàn toàn. Tương lai thuộc về công cụ nhanh, và Turbopack đang dẫn đầu cuộc đua đó.
