Vite

Eintrag zuletzt aktualisiert am: 27.01.2023

Vite ist ein Build-Werkzeug für moderne Webanwendungen, das insbesondere das Bundling von JavaScript erledigt. Vite bietet einen schneller Start des Entwicklungswebservers und schnelles Hot Module Reloading.

Vite bezeichnet sich auf der Startseite [https://vitejs.dev] als "Next Generation Frontend Tooling". Erfinder von Vite ist – genau wie bei Vue.js – der in Singapur lebende Evan You [https://twitter.com/youyuxi] unterstützt durch andere Mitglieder des Vue.js-Entwicklungsteams, aber auch von Entwicklern anderen Webframeworks wie Svelte.

Die erste Version von Vite ist als Version 1.0 am 21.4.2020 auf NPMJS.com erschienen [https://www.npmjs.com/package/vite]. Die erste als stabil geltende Version von Vite ist als Version 2.0 am 16.2.2021 erschienen. Version 1.0 ist im Stadium Release Candidate 13 vom 25.11.2020 stehen geblieben. Vite 3 gibt es seit dem 13.7.2022, am 9.12.2022 folgte Version 4.

Vite ist inzwischen so beliebt, dass es im Oktober 2022 dazu eine von StackBlitz.com veranstalte Online-Konferenz "ViteConf" gibt [https://viteconf.org/].

Anders als man nun vermuten könnte, ist Vite nicht an Vue.js gebunden. Vielmehr findet man in "Awesome-Vite" [https://github.com/vitejs/awesome-vite] neben Vue.js 2.x und 3.x auch diverse Plug-Ins für React, Svelte, Lit, Electron und nicht zuletzt "VanillaJS", also JavaScript ohne Webframework. Dazu passend ist create-vue ein NPM-basiertes Scaffolding-Kommandozeilenwerkzeug, um Vite-Projekte für Vue.js zu erstellen.

Vite heißt auf Französisch "schnell" [https://www.google.com/search?q=google+translate+vite]. Wesentlicher Unterschied von Vite zu anderen Bundling-Lösungen wie Webpack ist, dass Vite zur Entwicklungszeit auf kein Bundling verzichtet, stattdessen auf dem Entwicklungsrechner komplett auf das in modernen Webbrowsern verfügbare ECMAScript-Modulsystem (ESM) setzt (siehe Abbildung). Vite funktioniert via Polyfill auch mit älteren Browsern [https://github.com/vitejs/vite/tree/main/packages/plugin-legacy].