Nicht nur für Vue.js interessant

Vite 2.0: Evan You stellt Build-Tool für das JavaScript-Ökosystem vor

Ann-Cathrin Klose

© Shutterstock / cifotart

Vite ist da. Das neue Build-Tool von Evan You ist mehr als nur ein neues Werkzeug für Vue.js. Vite kann unabhängig vom gewählten Framework verwendet werden. Ungewöhnlich ist, dass v2 nun das erste stabile Release markiert. Lohnt sich ein Blick auf das Tool?

Vite 2.0 markiert das erste stabile Release des neuen Build-Tools für Frontend-Projekte. Entwickelt wurde Vite von Evan You. Ursprünglich handelte es sich um ein Projekt für Vue.js; daraus wurde dann jedoch deutlich mehr: Vite ist ein Framework-agnostischer vorkonfigurierter Dev-Server mit Bundler, der mit ES Modules arbeitet und den Tool-Code zu nativen Sprachen kompiliert. Derzeit bringt das Tool offizielle Templates für Vue, React, Preact und Lit Element mit. Eine Community-Integration für Svelte ist in Arbeit.

Vite: Schnellere Frontend-Builds für Entwickler

Das Ziel hinter Vite lautet, schneller zu sein als andere Lösungen. Evan You berichtet, dass viele bekannte Module-Bundler und Build-Tools für JavaScript-Projekte eine schwache Performance bieten, sobald Projekte wachsen. So müsse man selbst bei Verwendung von Hot Module Replacement oft sekundenlang warten, bis eine Veränderung am Code auf dem Dev-Server umgesetzt wird. Auch die Startup-Zeiten seien in vielen Fällen zu hoch, wenn viele Module verarbeitet werden müssen. Darum setzt Vite 2 auf ein Pre-Bundling mit esbuild, das zu einer mindestens zehnfach schnelleren Startzeit führen soll.

Dass Vite erst mit v2.0 einen stabilen Status erreicht hat, ist ungewöhnlich für das JavaScript-Ökosystem. Normalerweise kann davon ausgegangen werden, dass das Release von v1 eine Produktionsreife ausdrückt. Vite 1.0 hat allerdings nie den RC-Status verlassen, sondern wurde von diesem Zeitpunkt an noch einmal komplett überarbeitet. Dieser Schritt ist nun abgeschlossen, natürlich sind aber auch schon die nächsten Features in Arbeit. So bringt Vite 2.0 einen experimentellen Support für Server-side Rendering mit, der jedoch eher an Framework-Entwickler gerichtet ist. Das Feature könne in anderen Frameworks „unter der Haube“ verwendet werden. Details dazu können den Release Notes entnommen werden.

Die Motivation für das Projekt und einen Vergleich mit anderen Build-Tools findet man in der Dokumentation. Wer Vite ausprobieren möchte, kann das neue Build-Tool per npm installieren: npm init @vitejs/app. Dafür ist Node.js v12 oder höher notwendig.

Geschrieben von
Ann-Cathrin Klose
Ann-Cathrin Klose
Ann-Cathrin Klose hat allgemeine Sprachwissenschaft, Geschichte und Philosophie an der Johannes Gutenberg-Universität Mainz studiert. Bereits seit Februar 2015 arbeitete sie als redaktionelle Assistentin bei Software & Support Media und ist seit Oktober 2017 Redakteurin. Zuvor war sie als freie Autorin tätig, ihre ersten redaktionellen Erfahrungen hat sie bei einer Tageszeitung gesammelt.
Kommentare

1
Hinterlasse einen Kommentar

avatar
4000
1 Kommentar Themen
0 Themen Antworten
0 Follower
 
Kommentar, auf das am meisten reagiert wurde
Beliebtestes Kommentar Thema
1 Kommentatoren
Marc Teufel Letzte Kommentartoren
  Subscribe  
Benachrichtige mich zu:
Marc Teufel
Gast
Marc Teufel

Vite und Snowpack sind definitiv Werkzeuge, die man im Blicke behalten sollte!