Webentwicklungs-Tool: Mit Snowpack zu modernen Web-Frontends
Das Werkzeug Snowpack verspricht eine schnelle Webentwicklung. Es fasst die Abhängigkeiten eines Projekts zusammen und vermeidet Bundling.
- Manuel Ernst
Snowpack ist ein Frontend-Build-Tool für die Programmierung von Webapplikationen. Es wählt dabei einen anderen Weg als die etablierten Entwicklungswerkzeuge: JavaScript-Build-Tools wie webpack und Parcel müssen jedes Mal, wenn Entwickler eine einzelne Datei speichern, ganze Teile der Anwendung neu erstellen und bündeln. Das bremst den Entwicklungsprozess. Snowpack hingegen nutzt das native Modulsystem von JavaScript, um unnötige Arbeit zu vermeiden und schnell zu bleiben (ECMAScript Modules, ESM). Dabei fasst Snowpack alle Abhängigkeiten für ein Projekt einmal zusammen und spart sich bei späteren Änderungen am Sourcecode das Bundling.
Um verstehen zu können, welche Probleme Snowpack mit seinem neuen Ansatz löst, gilt es, einige Schritte zurückzugehen und zu betrachten, welche Änderungen JavaScript in der Vergangenheit bei der Webentwicklung durchlaufen hat.
Der Stand der JavaScript-Laufzeitumgebung sah 2011 so aus: Entwicklerinnen und Entwickler konnten separate Dateien mit Code nachladen; diese ließen sich im Kontext des globalen Namensraums der Webseite evaluieren und standen dann global zur Verfügung. Der im Browser ausgeführte Code konnte sich dabei aber nicht auf Standards wie CommonJS stützen, da der Browser keine passende Laufzeitumgebung bereitstellte. Das Gleiche galt für über npm veröffentlichte Bibliotheken, die größtenteils mit CommonJS implementiert wurden und immer noch werden. Es war also notwendig, Kompatibilität zwischen den beiden Welten CommonJS und Browser herzustellen.
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Flug mit Nervenkitzel: FPV-Drohne DJI Avata 2 im Test
Papierloses Büro: Wie man mit paperless-ngx die Dokumentenverwaltung optimiert
Fremdsprachen lernen: Wie man ChatGPT zum Sprechtrainer aufrüstet
Wärmepumpe simpel und effektiv: Über die Rolle von Dämmung, Solar und Co.
Drei KI-Sprechtrainer im Test: Fremdsprache mit KI lernen
Elektroauto Mercedes EQA 300 4Matic im Test: Fährt gut, lädt gemächlich
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Flug mit Nervenkitzel: FPV-Drohne DJI Avata 2 im Test
Papierloses Büro: Wie man mit paperless-ngx die Dokumentenverwaltung optimiert
Fremdsprachen lernen: Wie man ChatGPT zum Sprechtrainer aufrüstet
Wärmepumpe simpel und effektiv: Über die Rolle von Dämmung, Solar und Co.
Drei KI-Sprechtrainer im Test: Fremdsprache mit KI lernen