Vite 5.0 ist da!

16. November 2023

Titelbild zur Ankündigung von Vite 5

Vite 4 wurde vor fast einem Jahr veröffentlicht und diente als solide Grundlage für das Ökosystem. Die wöchentlichen npm-Downloads stiegen von 2,5 Millionen auf 7,5 Millionen, da Projekte weiterhin auf einer gemeinsamen Infrastruktur aufbauen. Die Frameworks wurden weiter innoviert, und zusätzlich zu Astro, Nuxt SvelteKit, Solid Start und Qwik City kamen neue Frameworks hinzu, die das Ökosystem weiter stärkten. Der Wechsel von RedwoodJS und Remix zu Vite ebnet den Weg für eine weitere Verbreitung im React-Ökosystem. Vitest wuchs sogar noch schneller als Vite. Das Team hat hart gearbeitet und wird bald Vitest 1.0 veröffentlichen. Die Geschichte von Vite in Verbindung mit anderen Tools wie Storybook, Nx und Playwright wurde immer besser, ebenso wie die Umgebungen, da Vite dev sowohl in Deno als auch in Bun funktioniert.

Vor einem Monat fand die zweite Ausgabe der ViteConf statt, die von StackBlitz veranstaltet wurde. Wie schon im letzten Jahr kamen die meisten Projekte des Ökosystems zusammen, um Ideen auszutauschen und sich zu vernetzen, um die Commons weiter auszubauen. Außerdem sehen wir neue Elemente, die das Meta-Framework-Toolkit ergänzen, wie Volar und Nitro. Das Rollup-Team veröffentlichte am selben Tag Rollup 4, eine Tradition, die Lukas im letzten Jahr ins Leben gerufen hat.

Vor sechs Monaten wurde Vite 4.3 veröffentlicht. Diese Version verbesserte die Leistung des Entwicklungsservers erheblich. Es gibt jedoch noch viel Raum für Verbesserungen. Auf der ViteConf stellte Evan You den langfristigen Plan von Vite vor, an Rolldown zu arbeiten (https://www.youtube.com/watch?v=hrdwQHoAp0M), einer Rust-Portierung von Rollup mit kompatiblen APIs. Sobald diese fertig ist, wollen wir sie in Vite Core einsetzen, um sowohl die Aufgaben von Rollup als auch von esbuild zu übernehmen. Dies wird zu einer Steigerung der Build-Leistung (und später auch der Entwicklungsleistung, wenn wir leistungssensitive Teile von Vite selbst auf Rust umstellen) und zu einer deutlichen Verringerung der Inkonsistenzen zwischen Entwicklung und Build führen. Rolldown befindet sich derzeit in einem frühen Stadium, und das Team bereitet sich darauf vor, den Code noch vor Jahresende als Open Source zur Verfügung zu stellen. Bleiben Sie gespannt!

Heute erreichen wir einen weiteren wichtigen Meilenstein in der Entwicklung von Vite. Das Vite-Team, die Mitwirkenden und die Partner des Ökosystems freuen sich, die Veröffentlichung von Vite 5 bekannt zu geben. Vite verwendet nun Rollup 4, was bereits eine erhebliche Steigerung der Build-Leistung bedeutet. Außerdem gibt es neue Optionen zur Verbesserung des Leistungsprofils Ihres Entwicklungsservers.

Vite 5 konzentriert sich auf die Bereinigung der API (Entfernen veralteter Funktionen) und optimiert mehrere Funktionen, um langjährige Probleme zu beheben, beispielsweise durch Umstellung von define auf die Verwendung geeigneter AST-Ersetzungen anstelle von regulären Ausdrücken. Wir unternehmen auch weiterhin Schritte, um Vite zukunftssicher zu machen (Node.js 18+ ist jetzt erforderlich, und die CJS Node API wurde veraltet erklärt).

Schnellzugriff:

Dokumentationen in anderen Sprachen:

Wenn Sie Vite noch nicht kennen, empfehlen wir Ihnen, zunächst die Anleitungen Erste Schritte und Funktionen zu lesen.

Wir bedanken uns bei den mehr als 850 Mitwirkenden an Vite Core sowie den Betreuern und Mitwirkenden von Vite-Plugins, -Integrationen, -Tools und -Übersetzungen, die uns dabei geholfen haben, diesen Punkt zu erreichen. Wir möchten Sie ermutigen, sich zu engagieren und Vite gemeinsam mit uns weiter zu verbessern. Weitere Informationen finden Sie in unserem Beitragsleitfaden. Für den Einstieg empfehlen wir Ihnen, Probleme zu sichten, PRs zu überprüfen, fehlgeschlagene Test-PRs auf der Grundlage offener Probleme zu senden und anderen in den Diskussionen und im Hilfeforum von Vite Land zu helfen. Dabei lernen Sie viel und ebnen sich den Weg für weitere Beiträge zum Projekt. Wenn Sie Fragen haben, treten Sie unserer Discord-Community bei und melden Sie sich im #contributing-Kanal zu Wort.

Um auf dem Laufenden zu bleiben, folgen Sie uns auf X oder Mastodon.

Schnellstart mit Vite 5

Verwenden Sie pnpm create vite, um ein Vite-Projekt mit Ihrem bevorzugten Framework zu erstellen, oder öffnen Sie eine vorgefertigte Vorlage online, um mit Vite 5 unter Verwendung von vite.new zu experimentieren. Sie können auch pnpm create vite-extra ausführen, um Zugriff auf Vorlagen aus anderen Frameworks und Laufzeiten (Solid, Deno, SSR und Bibliotheksstartern) zu erhalten. create vite-extra-Vorlagen sind auch verfügbar, wenn Sie create vite unter der Option Others ausführen.

Beachten Sie, dass Vite-Starter-Vorlagen als Spielwiese zum Testen von Vite mit verschiedenen Frameworks gedacht sind. Wenn Sie Ihr nächstes Projekt erstellen, empfehlen wir Ihnen, sich an die von den einzelnen Frameworks empfohlenen Starter zu wenden. Einige Frameworks leiten nun in create vite ebenfalls zu ihren Startern weiter (create-vue und Nuxt 3 für Vue und SvelteKit für Svelte).

Node.js Support

Vite unterstützt Node.js 14 / 16 / 17 / 19, das das Ende seiner Lebensdauer erreicht hat, nicht mehr. Node.js 18 / 20+ ist nun erforderlich.

Performanz

Zusätzlich zu den Verbesserungen der Build-Leistung in Rollup 4 gibt es einen neuen Leitfaden, der Ihnen dabei hilft, häufige Leistungsprobleme zu identifizieren und zu beheben: https://vite.dev/guide/performance.

Vite 5 führt außerdem server.warmup ein, eine neue Funktion zur Verbesserung der Startzeit. Damit können Sie eine Liste von Modulen definieren, die sofort nach dem Start des Servers vorab transformiert werden sollen. Bei Verwendung von --open oder server.open wärmt Vite automatisch auch den Einstiegspunkt Ihrer App oder die angegebene URL zum Öffnen auf.

Hauptänderungen

Migration zu Vite 5

Wir haben mit Partnern aus dem Ökosystem zusammengearbeitet, um einen reibungslosen Übergang zu dieser neuen Hauptversion zu gewährleisten. Auch diesmal war vite-ecosystem-ci wieder von entscheidender Bedeutung, um uns dabei zu helfen, mutigere Änderungen vorzunehmen und gleichzeitig Rückschritte zu vermeiden. Wir freuen uns sehr, dass andere Ökosysteme ähnliche Konzepte übernehmen, um die Zusammenarbeit zwischen ihren Projekten und den nachgelagerten Betreuern zu verbessern.

Für die meisten Projekte sollte das Update auf Vite 5 unkompliziert sein. Wir empfehlen jedoch, vor dem Upgrade die ausführliche Migrationsanleitung zu lesen.

Eine detaillierte Aufschlüsselung mit der vollständigen Liste der Änderungen am Vite-Kern finden Sie unter Vite 5 Changelog.

Danksagungen

Vite 5 ist das Ergebnis langwieriger Arbeit unserer Community aus Mitwirkenden, Downstream-Maintainern, Plugin-Autoren und dem Vite-Team. Ein großes Dankeschön an Bjorn Lu für die Leitung des Release-Prozesses für diese wichtige Version.

Wir sind auch den Personen und Unternehmen dankbar, die die Entwicklung von Vite sponsern. StackBlitz, Nuxt Labs und Astro investieren weiterhin in Vite, indem sie Mitglieder des Vite-Teams einstellen. Ein großes Dankeschön an die Sponsoren auf Vites GitHub Sponsors, Vites Open Collective und Evan Yous GitHub Sponsors. Besondere Erwähnung verdient Remix dafür, dass es Gold-Sponsor geworden ist und nach dem Wechsel zu Vite einen Beitrag zurückgibt.

Vite 5.0 ist da! ​

Schnellstart mit Vite 5 ​

Node.js Support ​

Performanz ​

Hauptänderungen ​

Migration zu Vite 5 ​

Danksagungen ​