Bundler
Das Werkzeug, das Hunderte von JavaScript-Modulen zu der Handvoll Dateien zusammenpackt, die ein Browser noch bereit ist zu laden.
Der Bedarf entstand aus einem Konflikt: Code lässt sich am besten in vielen kleinen Modulen schreiben, aber HTTP/1.1 bestrafte jede zusätzliche Anfrage hart. Der Bundler folgt der Import-Kette ab einem Einstiegspunkt, baut einen Abhängigkeitsgraphen und schreibt das Ergebnis heraus — heute mit Tree Shaking, das ungenutzten Code entfernt, und Code Splitting, das den Build so aufteilt, dass die Startseite nicht die ganze Anwendung mitschleppt. Unterwegs laufen zudem Transformationen mit: TypeScript, JSX, CSS-Module.
Die Generationen sind klar erkennbar. Browserify und Webpack lösten das Problem zuerst und wurden berüchtigt für Konfigurationsdateien mit Hunderten Zeilen. Dann kamen esbuild und SWC, geschrieben in Go beziehungsweise Rust, 10- bis 100-mal schneller, und machten langsame Builds inakzeptabel. Vite drehte das Modell schließlich um, indem es im Entwicklungsmodus gar nicht bündelt — der Browser unterstützt ESM-Imports direkt — und nur für die Produktion bündelt.