২০২৬ সালের মার্চে Vite 8 অফিসিয়ালি রিলিজ হয়েছে, এবং এটি Vite এর ইতিহাসে অন্যতম বড় আপডেট।
এই ভার্সনের সবচেয়ে বড় পরিবর্তন হলো Rolldown নামের নতুন Rust-based bundler ব্যবহার করা, যা আগের dual bundler system (esbuild + Rollup) কে একত্র করে দিয়েছে।
এর ফলে build speed অনেক দ্রুত হয়েছে, architecture সহজ হয়েছে, এবং ভবিষ্যতের জন্য Vite ecosystem আরও স্ট্রং হয়েছে।
The Biggest Change: Rolldown Bundler
Vite এর আগের ভার্সনগুলোতে দুইটি bundler ব্যবহার করা হতো:
- esbuild – development speed এর জন্য
- Rollup – production build optimization এর জন্য
এই dual system অনেক বছর ভালো কাজ করলেও এতে কিছু সমস্যা ছিল। দুইটা আলাদা pipeline থাকার কারণে plugin system আলাদা হয়ে যেত এবং অনেক edge case তৈরি হতো।
এই সমস্যার সমাধান হিসেবে Vite টিম তৈরি করেছে Rolldown।
Rolldown হলো একটি Rust-based bundler, যা Rollup এর plugin API compatible রেখে অনেক বেশি দ্রুত performance দেয়।
Rolldown ব্যবহারের মূল সুবিধা হলো:
- build time ১০–৩০ গুণ পর্যন্ত দ্রুত
- Rollup plugin ecosystem এর সাথে compatibility
- unified bundling system
- advanced chunk splitting
- module level caching
- module federation support
এটা Vite 2 এর পর সবচেয়ে বড় architectural upgrade।
Real-World Performance Improvements
Vite 8 এর নতুন Rolldown bundler ব্যবহার করে অনেক কোম্পানি তাদের production build time উল্লেখযোগ্যভাবে কমাতে পেরেছে।
কিছু বাস্তব উদাহরণ:
- Linear – 46 সেকেন্ড থেকে 6 সেকেন্ড
- Ramp – 57% faster build
- Mercedes-Benz.io – 38% faster
- Beehiiv – 64% faster
বড় বড় project এর ক্ষেত্রে এই performance gain আরও বেশি noticeable।
Unified Toolchain in Vite 8
Vite 8 এখন শুধু একটি build tool না এটি একটি full toolchain ecosystem।
এই ecosystem এ তিনটি গুরুত্বপূর্ণ component একসাথে কাজ করে:
- Vite – build tool
- Rolldown – bundler
- Oxc – compiler
এই unified architecture এর ফলে JavaScript parsing, transforming এবং optimization আরও consistent হয়েছে।
AI Powered
Complete Web Development Bootcamp Batch 14
ভবিষ্যতে এর মাধ্যমে আরও advanced optimization করা সম্ভব হবে, যেমন better tree-shaking।
New Features in Vite 8
Rolldown ছাড়াও Vite 8 এ অনেক নতুন feature এসেছে।
Integrated Devtools
Vite 8 এখন built-in Vite Devtools support দেয়। এর মাধ্যমে developerরা dev server থেকেই project debugging এবং analysis করতে পারে।
Built-in tsconfig paths support
এখন TypeScript path alias support enable করা যাবে শুধু এই configuration দিয়ে:
resolve.tsconfigPaths = true
আগে এর জন্য plugin লাগতো, এখন built-in।
emitDecoratorMetadata Support
TypeScript এর emitDecoratorMetadata option এখন Vite 8 এ built-in support পায়। তাই external plugin আর প্রয়োজন নেই।
WebAssembly SSR Support
এখন .wasm?init imports SSR environment এও কাজ করবে। ফলে WebAssembly ব্যবহার করা আরও সহজ হয়ে গেছে।
Browser Console Forwarding
Vite 8 এখন browser console logs dev server terminal এ forward করতে পারে।
এটি enable করা যায়:
server.forwardConsole
AI coding agents বা automation environment এ এটা খুব useful।
@vitejs/plugin-react v6
এর সাথে এসেছে @vitejs/plugin-react v6।
এই নতুন version এর বড় পরিবর্তন হলো:
- React Refresh transform এর জন্য Oxc ব্যবহার
- Babel dependency removed
- plugin size smaller
যদি কেউ React Compiler ব্যবহার করতে চায়, তাহলে নতুন reactCompilerPreset helper ব্যবহার করা যাবে।
Node.js Requirements
Vite 8 ব্যবহার করতে হলে Node.js version হতে হবে:
- Node 20.19+
- Node 22.12+
কারণ Vite এখন ESM-only package হিসেবে distributed হচ্ছে।
Install Size Changes
এর install size আগের version এর তুলনায় প্রায় 15 MB বেশি।
এর কারণ:
- LightningCSS (~10 MB) – CSS minification এর জন্য
- Rolldown (~5 MB) – Rust based bundler binary
তবে এই extra size এর বিনিময়ে অনেক বেশি performance পাওয়া যাচ্ছে।
Migrating to Vite 8
ভালো খবর হলো, বেশিরভাগ project এর জন্য Vite 8 upgrade করা খুব সহজ।
Vite টিম একটি compatibility layer দিয়েছে যা automatically convert করে:
- esbuild configs
- rollupOptions configs
বড় project এর জন্য recommended migration strategy:
প্রথমে rolldown-vite package ব্যবহার করে test করা এরপর Vite 8 এ upgrade করা
এতে করে bundler related সমস্যা আলাদা করে detect করা সহজ হয়।
The Growing Vite Ecosystem
Vite এখন প্রতি সপ্তাহে প্রায় ৬৫ মিলিয়ন download হচ্ছে। এবং ecosystem আরও বড় হচ্ছে। এই ecosystem সহজে navigate করার জন্য Vite team নতুন একটি directory চালু করেছে:
registry.vite.dev এখানে Vite, Rolldown এবং Rollup এর plugin গুলো সহজে খুঁজে পাওয়া যাবে।
Vite 8 শুধু একটি version upgrade না এটি Vite এর architecture এর বড় evolution।
Rolldown bundler integration এর মাধ্যমে:
- build speed dramatically faster
- architecture simpler
- ecosystem future-ready
যদি আপনি React, Vue, Svelte, Astro বা অন্য কোনো modern frontend framework ব্যবহার করেন, তাহলে এটি আপনার development workflow আরও দ্রুত এবং smooth করে দেবে।
Summary
Vite 8 marks one of the biggest updates in the history of the Vite ecosystem. The introduction of the Rolldown Rust-based bundler replaces the previous dual bundler setup (esbuild + Rollup) and brings significantly faster build performance up to 10–30x faster in some cases.
