Vite

Was ist Vite?

Vite ist ein Build-Tool für moderne Webprojekte. Es erledigt zwei Aufgaben. Während der Entwicklung betreibt es einen lokalen Server, der den Browser in dem Moment aktualisiert, in dem Sie eine Datei speichern. Für die Produktion bündelt es alles zu optimierten Dateien, bereit zum Deployment. Es arbeitet mit React, Vue, Svelte und reinem JavaScript gleichermaßen.

Hervorgehoben hat Vite vor allem, wie es den Entwicklungsserver handhabt. Ältere Werkzeuge wie Webpack bündeln das ganze Projekt, bevor sie überhaupt etwas zeigen können, sodass der Start langsamer wird, je größer eine Codebasis ist. Vite überspringt das. Es stützt sich auf die native Unterstützung des Browsers für ES-Module und liefert jede Datei auf Abruf. Der Dev-Server startet also fast sofort, egal wie groß das Projekt ist. Ein Entwickler, der eine CSS-Anpassung speichert, sieht sie im Browser, bevor die Hand von der Tastatur weg ist, der übrige App-Zustand bleibt unberührt.

Für den Produktions-Build wechselt es im Inneren zu Rollup, das schlanke, optimierte Ausgabe erzeugt. Schnelles Feedback beim Arbeiten, knappe Bundles beim Ausliefern. Diese Kombination ist der Grund, warum Vite für so viele neue Webprojekte zum Standard-Ausgangspunkt geworden ist.

Vite bei Dallonses

Vite ist das Build-Tool hinter dem Großteil unserer Frontend-Arbeit. Die schnelle Feedback-Schleife zählt mehr, als es klingt. Wenn ein Entwickler jede Änderung sofort landen sieht, iteriert er mehr, zweifelt weniger und fängt Probleme, solange der Kontext noch im Kopf ist. Dieses Tempo summiert sich über ein Projekt.

Wir wählen es für Webentwicklung, bei der das Team Tag für Tag in der Codebasis lebt. Es hält das lokale Setup einfach, den Build schnell und die Konfiguration klein genug, dass ein neuer Entwickler am ersten Tag produktiv ist. Wenn wir ein Projekt übergeben, erbt Ihr Team ein Setup, das ihm nicht im Weg steht.

Starten Sie ein Frontend-Projekt und wollen, dass es schnell vorangeht? Sprechen wir über das Setup.

Sprechen Sie mit uns über Web