Vite 8 är här: Rolldown ger 10-30x snabbare builds

Den 12 mars 2026 släppte Vite-teamet version 8.0 — och det här är inte en vanlig punkt-release. Vite 8 byter ut både esbuild och Rollup mot Rolldown, en enhetlig Rust-baserad bundler som hanterar både utveckling och produktion. Resultatet: 10–30 gånger snabbare produktionsbyggen och slut på ”funkar i dev, kraschar i prod”-problemen.

Diskussionerna på Reddit och Hacker News exploderade direkt. Över 300 kommentarer på HN ensamt, och tråden på r/programming fick 172+ upvotes. Utvecklare delar byggtider som går från minuter till sekunder. Låt oss gå igenom vad som faktiskt ändrats och varför det spelar roll.

Problemet Vite 8 löser: Två bundlers är en för många

Sedan starten har Vite använt esbuild för utveckling och Rollup för produktion. Två helt olika bundlers med olika beteenden. Det betydde att kod som fungerade perfekt i dev ibland kraschade i produktion — eller tyst genererade annorlunda output.

Rolldown löser det genom att vara en enda bundler för båda miljöerna. Skriven i Rust för rå hastighet, men med full kompatibilitet med Rollups plugin-API. Dina befintliga plugins fungerar i de flesta fall utan ändringar.

// vite.config.ts - Vite 8 med Rolldown (standard)
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  // Rolldown används automatiskt - ingen konfiguration behövs
  // Alla Rollup-kompatibla plugins fungerar direkt
  resolve: {
    tsconfigPaths: true  // Nytt i Vite 8! Ingen plugin behövs
  }
})

Jämför det med en typisk webpack-konfiguration. En utvecklare på Hacker News berättade att deras gamla Create React App webpack-config var över 800 rader. Motsvarande Vite-config? Runt 20 rader.

Siffrorna: Från minuter till sekunder

Här är verkliga resultat från företag som testat Vite 8 under betaperioden:

• Linear — Produktionsbygge från 46 sekunder till 6 sekunder (87% snabbare)
• Mercedes-Benz.io — 38% snabbare byggtider
• Beehiiv — 64% snabbare på stor kodbas
• Ramp — 57% reduktion i byggtid

I rena benchmarks slutförde Rolldown samma arbete på 1,61 sekunder som Rollup behövde 40,10 sekunder för. Det är 25 gånger snabbare.

Från communityn rapporterar utvecklare liknande hopp: 4 minuter till 30 sekunder, 10 sekunder till 1 sekund, och en stor monorepo som gick från 2 minuter 30 sekunder till 35 sekunder.

# Benchmarkjämförelse (samma projekt)

Rollup (Vite 7):   ████████████████████████████████████  40.10s
Rolldown (Vite 8): ██                                     1.61s

# Dev server (Full Bundle Mode - experimentellt)
Startup:           ~3x snabbare
Full reload:       ~40% snabbare
Nätverksanrop:     ~10x färre

Nya funktioner du kan använda direkt

Utöver hastigheten kommer Vite 8 med flera konkreta förbättringar:

1. Inbyggt stöd för tsconfig-paths

Tidigare behövde du vite-tsconfig-paths-pluginet för att använda TypeScript path aliases. Nu räcker en rad:

// vite.config.ts
export default defineConfig({
  resolve: {
    tsconfigPaths: true
  }
})

// Nu fungerar dina TS-alias direkt:
// import { Button } from '@/components/Button'
// import { db } from '@/lib/database'

2. Konsolvidarebefordring från webläsaren

SSR-debugging har alltid varit frustrerande. Vite 8 skickar nu console.log-meddelanden från webläsaren direkt till din terminal:

// vite.config.ts
export default defineConfig({
  server: {
    forwardConsole: true  // Nytt i Vite 8
  }
})

// console.log() i webbläsaren → syns i terminalen
// Perfekt för SSR-debugging utan att växla mellan fönster

3. Oxc ersätter Babel för React

@vitejs/plugin-react v6 använder nu Oxc istället för Babel för React Refresh-transforms. Mindre installationsstorlek, snabbare start, och valfritt stöd för React Compiler:

// Med React Compiler (valfritt)
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [
    react({
      reactCompilerPreset: true  // Aktivera React Compiler via Oxc
    })
  ]
})

4. WebAssembly på servern

Vite 8 stödjer nu ?init-import av .wasm-filer även i SSR-miljöer. Användbart för bearbetning av bilder, kryptering, eller tunga beräkningar på serversidan.

Vad communityn säger (och oroar sig för)

Reaktionerna på Hacker News och Reddit var övervägande positiva, men med några viktiga förbehåll:

Migrationsproblem: En utvecklare rapporterade 30+ minuter av frustration med JSX-i-JS-konfiguration vid uppgradering från Vite 7. Dokumentationen täcker inte alla edge cases för de nya verktygen (Oxc, Rolldown).

TypeScript-begränsningar i Oxc: Decorators stöds inte fullt ännu (inväntar TC39-specifikationen), och const enum saknas — något som esbuild hanterade.

Plugin-ekosystemet: Några uttryckte oro för att Rust-övergången kan belasta JS-plugin-författare. Men Rolldown behåller Rollups JavaScript plugin-API, så befintliga plugins fungerar i praktiken.

En intressant tråd handlade om slöseriet med byggtider i branschen. Team har normaliserat flerminutsbyggen och planerar sitt arbete runt kompileringstider. Med Vite 8 försvinner den flaskhalsen — och det ifrågasätter varför vi accepterade det så länge.

Migration: Så uppgraderar du

För de flesta projekt är uppgraderingen okomplicerad:

# Uppgradera Vite och plugins
npm install vite@8 @vitejs/plugin-react@6

# Krav: Node.js 20.19+ eller 22.12+
node --version  # Kontrollera version

# Kör build och jämför
npm run build

Saker att kontrollera vid migrering:

• esbuild-specifika optioner — esbuild.target i Vite-config kan behöva uppdateras till Rolldowns format.
• Chunk-konfiguration — build.rollupOptions.output.manualChunks fungerar fortfarande, men syntaxen kan skilja sig marginellt.
• Installationsstorlek — Vite 8 är ~15 MB större (lightningcss + Rolldown-binären). Inte ett problem i CI, men värt att veta.

// Vanliga konfigurationsändringar Vite 7 → 8

// FÖRE (Vite 7):
export default defineConfig({
  esbuild: {
    target: 'es2020',
    jsx: 'automatic'
  }
})

// EFTER (Vite 8 - esbuild-optioner behövs inte längre):
export default defineConfig({
  build: {
    target: 'es2020'
  }
})

Det större perspektivet: Rust äter JavaScript-tooling

Vite 8 är en del av en större trend där JavaScript-verktyg skrivs om i Rust:

• Rolldown — Ersätter Rollup och esbuild i Vite
• Oxc — Ersätter Babel för transforms, kan ersätta ESLint/Prettier
• Biome v2 — Lint och formatering, Rust-baserat
• Turbopack — Next.js bundler, Rust-baserat (stabil sedan oktober 2025)
• SWC — TypeScript/JSX-kompilering, Rust-baserat

Mönstret är tydligt: JavaScript är fortfarande språket vi skriver våra appar i, men verktygen som bygger dem behöver inte vara skrivna i JavaScript. Rust ger 10–30 gånger snabbare exekvering, och det visar sig vara skillnaden mellan byggtider som stör arbetsflödet och byggtider som inte ens märks.

Sammanfattning

Vite 8 är den mest betydelsefulla releasen sedan Vite 2 introducerade det moderna dev-server-konceptet. Rolldown-integrationen eliminerar den dubbla bundler-arkitekturen, ger drastiskt snabbare byggen, och behåller kompatibiliteten med befintliga plugins.

Om du fortfarande sitter på webpack — eller även äldre versioner av Vite — är det här ett bra tillfälle att uppgradera. Och om du kör React med Next.js och känner att byggverktygen kämpar emot dig: Vite 8 med React Router eller TanStack Start är alternativ värda att titta på.