Ein Bundler fasst die vielen Dateien eines Projekts zu wenigen zusammen, die der Browser mit wenigen Anfragen holen kann.
- Bundler
Ein Werkzeug, das die Quelldateien eines Projekts samt ihren Abhängigkeiten zu wenigen Dateien zusammenfasst, die der Browser laden kann.
Beispiel: „Der Bundler macht aus zweihundert Quelldateien drei, die der Browser in einem Zug holt.“Auch: Module Bundler, Build-Werkzeug.
Warum das nötig wurde
Weil Projekte aus vielen kleinen Dateien bestehen, der Browser aber für jede einzeln anfragen müsste. Zweihundert Anfragen kosten mehr Zeit als drei, auch wenn die Datenmenge dieselbe ist.
Dazu kommen die Bibliotheken, die ihrerseits aus Dateien bestehen. Der Bundler verfolgt, was woher kommt, und nimmt nur mit, was tatsächlich benutzt wird.
Was er nebenbei erledigt
Er ruft den Transpiler auf, verkleinert den Code durch Entfernen von Leerzeichen und Kommentaren, übersetzt SCSS zu CSS und versieht die Ergebnisse mit einem Namensteil, der sich bei jeder Änderung ändert.
Dieser letzte Punkt löst ein hartnäckiges Problem: Browser halten Dateien lange im Zwischenspeicher. Ändert sich der Dateiname bei jeder neuen Fassung, wird zuverlässig die aktuelle geladen.
Was im Projektalltag davon zu merken ist
Dass es einen Entwicklungs- und einen Auslieferungsmodus gibt. Im ersten läuft ein Server mit, der Änderungen sofort überträgt. Im zweiten entsteht der fertige Stand im Verzeichnis, das auf den Server kommt.
Wer eine Änderung im Frontend nicht sieht, hat fast immer einen der beiden Schritte übersprungen. In unseren Projekten ist das die häufigste Ursache dafür, dass eine angeblich eingebaute Änderung nicht erscheint.