Vite ist ein moderner Frontend-Build-Tool-Stack, der Webpack in vielen Projekten ablöst. Vite nutzt native ESM-Module im Browser für extrem schnelle Dev-Server und ein auf esbuild/rollup basiertes Bundling im Production-Build.
Was ist Vite?
Vite (französisch für „schnell“) ist ein von Evan You – dem Erfinder von Vue.js – entwickeltes Build-Werkzeug für moderne Webprojekte. Es kombiniert einen blitzschnellen Entwicklungsserver mit einem optimierten Produktions-Build und ist heute das Standard-Tooling für viele Frameworks.
Wie funktioniert Vite?
Im Entwicklungsmodus liefert Vite den Quellcode als native ES-Module direkt an den Browser aus – ohne vorheriges Bundling. Das sorgt für nahezu sofortigen Start. Für den Produktions-Build bündelt Vite den Code mit Rollup und esbuild zu optimierten, minimierten Dateien.
Vite vs. Webpack
- Geschwindigkeit: Vite startet in Millisekunden, Webpack muss zunächst das gesamte Bundle erstellen.
- Hot Module Replacement: bei Vite im Sub-Sekunden-Bereich, unabhängig von der Projektgröße.
- Konfiguration: Vite kommt mit sinnvollen Defaults, Webpack erfordert meist mehr Setup.
Wofür wird Vite eingesetzt?
Vite ist das Default-Tooling für Vue, Svelte und viele React-Projekte ohne Next.js. Für Entwickler bedeutet das: sehr kurzer Cold-Start, schnelles Feedback beim Coden und eine einfache, wartungsarme Konfiguration.
Häufige Fragen zu Vite
Ist Vite besser als Webpack?
Für die meisten modernen Projekte ja – vor allem wegen der Geschwindigkeit. Sehr große, speziell konfigurierte Legacy-Setups können weiterhin Webpack nutzen.
Mit welchen Frameworks funktioniert Vite?
Mit Vue, React, Svelte, Preact, Lit und vielen weiteren – über offizielle Templates.
Wir setzen Vite in modernen Webprojekten ein – als Teil unserer Webentwicklung.
