Build-Tool: Vite.js 2.8 erscheint stark verkleinert
Das Web-Build-Tool Vite.js nutzt esbuild als Compiler und legt den Fokus auf Performance. Auf npm beträgt die Größe der neuen Version nur 4,6 MByte.
(Bild: Montri Thipsorn/Shutterstock.com)
Vite.js hat Version 2.8 erreicht. In der neuen Version bringt das Build-Tool einige Neuerungen und Bugfixes mit und hat eine starke Verkleinerung im Vergleich zu Vite.js 2.7 durchlaufen. Zudem ändert sich der Standard-Port für vite preview auf 4173, um Konflikte in macOS zu vermeiden, das den bisherigen Standard-Port 5000 übernommen hat.
Das aus der Feder des Vue.js-Schöpfers Evan You entsprungene Build-Tool Vite.js soll sich durch eine rasante Performance auszeichnen und eine Alternative zu Tools wie webpack, Rollup und Parcel darstellen. Seit dem Erscheinen von Version 2.0 vor einem Jahr eignet es sich für den Produktiveinsatz. Die Popularität des Tools zeigt sich in der aktuellen Ausgabe der Studie "JavaScript Rising Stars": Vite.js erhielt im vergangenen Jahr 21.400 neue GitHub-Sterne und erreichte somit den zweiten Platz.
Verringerter Fußabdruck
Sukzessive hat das Vite.js-Team Neuerungen eingeführt, um den Fußabdruck von Vite.js zu reduzieren – mit dem Ergebnis, dass die Publish Size nur noch 4,6 MByte und die Installationsgröße 17,4 MByte beträgt. Das entspricht nur etwa einem Viertel beziehungsweise 35 Prozent der vorherigen Version 2.7. Mit Publish Size ist die Größe des Sourcecode-Pakets auf npm gemeint, die Installationsgröße bezeichnet die von der Festplatte nach npm install angegebene Größe und bezieht sich auf das Package mitsamt seinen Dependencies sowie deren Dependencies.
Die einzelnen Maßnahmen zur Verkleinerung von Vite.js lassen sich anhand eines Twitter-Threads nachvollziehen.
Weitere Neuerungen in Vite.js 2.8
Mit dem neuen Release ist das ?worker-Suffix nicht mehr nötig, da new URL('path', import.meta.url) nun Worker erkennt und bündelt. Somit empfiehlt das Vite.js-Team anstatt der veralteten Vorgehensweise
import MyWorker from './worker.js?worker'
const worker = new MyWorker()die neue mit Standard-Patterns im Einklang stehende Methode:
const worker = new Worker(
new URL('./worker.js', import.meta.url), { type: 'module' }
)Zur Worker-Konfiguration steht das neue Konfigurationsfeld worker bereit, das mit format, plugins und rollupOptions umgehen kann.
Neben weiteren neuen Features sind auch zahlreiche Bugfixes in das Release eingeflossen, beispielsweise hat sich die debug-Option von dotenv geändert, um das Debugging von .env-Dateien mit leeren Werten zu vermeiden, was zu vielen Warnungen geführt hatte.
Der Changelog auf GitHub zeigt alle Neuerungen in Vite.js 2.8.
(mai)
