Vite 6.0 ist da!

26. November 2024

Heute machen wir einen weiteren großen Schritt in der Geschichte von Vite. Das Vite-Team, die Mitwirkenden und die Ökosystempartner freuen sich, die Veröffentlichung von Vite 6 bekannt zu geben.

Es war ein ereignisreiches Jahr. Die Akzeptanz von Vite wächst weiter, wobei die wöchentlichen npm-Downloads seit der Veröffentlichung von Vite 5 vor einem Jahr von 7,5 Millionen auf 17 Millionen gestiegen sind. Vitest wird nicht nur von den Nutzern immer mehr geschätzt, sondern beginnt auch, ein eigenes Ökosystem zu bilden. So verfügt beispielsweise Storybook über neue Testfunktionen, die von Vitest unterstützt werden.

Auch neue Frameworks sind zum Vite-Ökosystem hinzugekommen, darunter TanStack Start, One, Ember und andere. Web-Frameworks entwickeln sich immer schneller weiter. Die Verbesserungen, die die Entwickler vorgenommen haben, können Sie sich unter Astro, Nuxt, SvelteKit, Solid Start, Qwik City, RedwoodJS, React Router und vielen anderen ansehen.

Vite wird unter anderem von OpenAI, Google, Apple, Microsoft, NASA, Shopify, Cloudflare, GitLab, Reddit und Linear verwendet. Vor zwei Monaten haben wir eine Liste der Unternehmen, die Vite verwenden erstellt. Wir freuen uns, dass uns viele Entwickler PRs schicken, um ihre Unternehmen zur Liste hinzuzufügen. Es ist kaum zu glauben, wie sehr das Ökosystem, das wir gemeinsam aufgebaut haben, seit den ersten Schritten von Vite gewachsen ist.

Beschleunigung des Vite-Ökosystems

Im vergangenen Monat versammelte sich die Community zur dritten Ausgabe der ViteConf, die erneut von StackBlitz veranstaltet wurde. Es war die größte Vite-Konferenz mit einer breiten Vertretung von Entwicklern aus dem Ökosystem. Neben anderen Ankündigungen stellte Evan You VoidZero vor, ein Unternehmen, das sich der Entwicklung einer offenen, leistungsstarken und einheitlichen Toolchain für das JavaScript-Ökosystem widmet. VoidZero steht hinter Rolldown und Oxc, und ihr Team macht bedeutende Fortschritte, sodass sie bald von Vite übernommen werden können. Sehen Sie sich Evans Keynote an, um mehr über die nächsten Schritte für die rust-basierte Zukunft von Vite zu erfahren.

Stackblitz stellte bolt.new vor, eine Remix-App, die Claude und WebContainers kombiniert und es Ihnen ermöglicht, Full-Stack-Apps aufzurufen, zu bearbeiten, auszuführen und bereitzustellen. Nate Weiner kündigte One an, ein neues Vite-basiertes React-Framework für Web und Native. Storybook präsentierte seine neuesten Vitest-basierten Testfunktionen. Und vieles mehr. Wir empfehlen Ihnen, sich alle 43 Vorträge anzusehen. Die Referenten haben sich große Mühe gegeben, uns zu vermitteln, woran jedes Projekt gearbeitet hat.

Vite hat auch eine überarbeitete Landingpage und eine übersichtliche Domain erhalten. Sie sollten Ihre URLs aktualisieren, damit sie künftig auf die neue Domain vite.dev verweisen. Das neue Design und die Umsetzung stammen von VoidZero, den gleichen Leuten, die auch die Website erstellt haben. Ein großes Dankeschön an Vicente Rodriguez und Simon Le Marchant.

Die nächste große Version von Vite ist da

Vite 6 ist die bedeutendste Hauptversion seit Vite 2. Wir freuen uns darauf, gemeinsam mit dem Ökosystem unsere gemeinsamen Ressourcen durch neue APIs und wie gewohnt eine noch ausgefeiltere Basis, auf der wir aufbauen können, weiter auszubauen.

Schnellzugriff:

• Dokumente
• Übersetzungen: 简体中文, 日本語, Español, Português, 한국어, Deutsch
• Migrationsleitfaden
• GitHub-Änderungsprotokoll

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

Wir möchten uns bei den mehr als 1.000 Mitwirkenden an Vite Core sowie den Betreuern und Mitwirkenden der Vite-Plugins, -Integrationen, -Tools und -Übersetzungen bedanken, die uns bei der Entwicklung dieser neuen Hauptversion unterstützt haben. Wir laden Sie ein, sich zu beteiligen und uns dabei zu helfen, Vite für das gesamte Ökosystem zu verbessern. Weitere Informationen finden Sie in unserem Beitragsleitfaden.

Um loszulegen, empfehlen wir Ihnen, bei der Triage von Problemen zu helfen, PRs zu überprüfen, fehlgeschlagene Test-PRs basierend auf offenen Problemen zu senden und andere in den Diskussionen und im Hilfeforum von Vite Land zu unterstützen. Wenn Sie mit uns sprechen möchten, treten Sie unserer Discord-Community bei und sagen Sie Hallo im #contributing-Kanal.

Die neuesten Nachrichten zum Vite-Ökosystem und zum Vite-Kern finden Sie auf Bluesky, X oder Mastodon.

Erste Schritte mit Vite 6

Mit pnpm create vite können Sie schnell eine Vite-App mit Ihrem bevorzugten Framework erstellen oder mit vite.new online mit Vite 6 spielen. Sie können auch pnpm create vite-extra ausführen, um Zugriff auf Vorlagen aus anderen Frameworks und Laufzeiten (Solid, Deno, SSR und Bibliotheksstarter) zu erhalten. create vite-extra-Vorlagen sind auch verfügbar, wenn Sie create vite unter der Option Others ausführen.

Die Vite-Starter-Vorlagen sind als Spielwiese gedacht, um Vite mit verschiedenen Frameworks zu testen. Wenn Sie Ihr nächstes Projekt erstellen, sollten Sie sich an den von den einzelnen Frameworks empfohlenen Starter wenden. create vite bietet auch eine Verknüpfung zum Einrichten geeigneter Starter für einige Frameworks, wie create-vue, Nuxt 3, SvelteKit, Remix, Analog und Angular.

Node.js Support

Vite 6 unterstützt Node.js 18, 20 und 22+, ähnlich wie Vite 5. Die Unterstützung für Node.js 21 wurde eingestellt. Vite stellt die Unterstützung für ältere Versionen von Node.js nach deren EOL ein. Das EOL für Node.js 18 ist Ende April 2025. Danach werden wir möglicherweise eine neue Hauptversion veröffentlichen, um die erforderliche Node.js-Version anzupassen.

Experimentelle Environment-API

Vite wird mit der neuen Environment-API noch flexibler. Diese neuen APIs ermöglichen es Framework-Autoren, eine Entwicklungsumgebung anzubieten, die näher an der Produktion ist, und dem Ökosystem, neue Bausteine zu teilen. Wenn Sie eine SPA erstellen, ändert sich nichts. Wenn Sie Vite mit einer einzigen Client-Umgebung verwenden, funktioniert alles wie bisher. Und selbst für benutzerdefinierte SSR-Anwendungen ist Vite 6 abwärtskompatibel. Die primäre Zielgruppe für die Environment-API sind Framework-Autoren.

Für neugierige Endbenutzer hat Sapphi einen großartigen Leitfaden mit dem Titel Einführung in die Environment API verfasst. Dieser Leitfaden ist ein guter Ausgangspunkt, um zu verstehen, warum wir versuchen, Vite noch flexibler zu gestalten.

Wenn Sie Framework-Autor oder Vite-Plugin-Maintainer sind und die neuen APIs nutzen möchten, finden Sie weitere Informationen in den Environment API Guides.

Wir möchten uns bei allen bedanken, die an der Definition und Implementierung der neuen APIs beteiligt waren. Anthony Fu und Pooya Parsa haben vite-node entwickelt, um Nuxt's Dev SSR story mit Vite zu verbessern. Anschließend hat Anthony vite-node für Vitest genutzt, und Vladimir Sheremet hat es weiter verbessert. Anfang 2023 begann Vladimir damit, vite-node in Vite Core zu integrieren, und ein Jahr später haben wir es als Runtime-API in Vite 5.1 veröffentlicht. Das Feedback von unseren Partnern im Ökosystem (besonderer Dank geht an das Cloudflare-Team) hat uns dazu motiviert, die Umgebungen von Vite noch ambitionierter zu überarbeiten. Mehr über die Geschichte erfahren Sie in Pataks Vortrag auf der ViteConf 24.

Das gesamte Vite-Team war an der Definition der neuen API beteiligt, die unter Einbeziehung des Feedbacks vieler Projekte aus dem Ökosystem gemeinsam entwickelt wurde. Vielen Dank an alle Beteiligten! Wir laden Sie herzlich ein, sich zu beteiligen, wenn Sie ein Framework, ein Plugin oder ein Tool auf Basis von Vite entwickeln. Die neuen APIs befinden sich noch in der Testphase. Wir werden gemeinsam mit dem Ökosystem prüfen, wie die neuen APIs verwendet werden, und sie für die nächste Hauptversion stabilisieren. Wenn Sie Fragen haben oder Feedback geben möchten, finden Sie hier eine offene GitHub-Diskussion (https://github.com/vitejs/vite/discussions/16358).

Wichtigste Änderungen

• Standardwert für resolve.conditions
• JSON stringify
• Erweiterte Unterstützung von Asset-Referenzen in HTML-Elementen
• postcss-load-config
• Sass verwendet jetzt standardmäßig eine moderne API
• Anpassen des CSS-Ausgabedateinamens im Bibliotheksmodus
• Und weitere Änderungen, die nur wenige Benutzer betreffen sollten

Es gibt auch eine neue Seite mit wichtigen Änderungen, auf der alle geplanten, in Betracht gezogenen und vergangenen Änderungen in Vite aufgelistet sind.

Migration zu Vite 6

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

Die vollständige Liste der Änderungen finden Sie im Vite 6-Änderungsprotokoll.

Danksagungen

Vite 6 ist das Ergebnis langer Arbeitsstunden unserer Community aus Mitwirkenden, Downstream-Maintainern, Plugin-Autoren und dem Vite-Team. Wir danken den Personen und Unternehmen, die die Entwicklung von Vite sponsern. Vite wird Ihnen von VoidZero in Zusammenarbeit mit StackBlitz, Nuxt Labs und Astro zur Verfügung gestellt. Ein großes Dankeschön an die Sponsoren auf Vites GitHub Sponsors und Vites Open Collective.