Webpack
From Wikipedia, the free encyclopedia
Webpack (meist geschrieben webpack) ist ein Open-Source-JavaScript-Modul-Packer.[3][4][5][6] Die wesentliche Aufgabe besteht darin, JavaScript-Dateien für die Nutzung im Browser zusammenzuführen und zu einer Datei zu bündeln; Webpack ist allerdings auch in der Lage, andere Ressourcen zu transformieren, zu bündeln und zu packen.[7] Webpack sammelt die Module mit ihren Abhängigkeiten ein und generiert statische Assets, die diese Module darstellen.[8] Es ist ein Modul-Packer, der hauptsächlich für JavaScript gedacht ist, aber Front-End-Elemente wie HTML, CSS und auch Bilder konvertieren kann, wenn die entsprechenden Plug-ins enthalten sind.
| Webpack | |
|---|---|
| |
| Basisdaten | |
| Hauptentwickler | Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens and Webpack contributors |
| Entwickler | Tobias Koppers |
| Erscheinungsjahr | 2012 |
| Aktuelle Version | 5.104.0[1] (16. Dezember 2025) |
| Betriebssystem | plattformübergreifend |
| Programmiersprache | JavaScript |
| Lizenz | MIT-Lizenz[2] |
| deutschsprachig | nein |
| https://webpack.js.org | |
Webpack listet die internen Abhängigkeiten auf und erzeugt ein Abhängigkeitsdiagramm, das einen modularen Ansatz für die Entwicklung von Webanwendungen ermöglicht. Webpack kann von der Befehlszeile aus verwendet oder mit Hilfe einer Datei konfiguriert werden.[9] Webpack verwendet eine Konfigurationsdatei mit dem Standarddateinamen webpack.config.js, um Loader[10], Plugins[11] etc. für ein Projekt zu definieren.
Webpack erfordert die Installation des Softwarepakets Node.js. Ein Vorteil von Webpack ist, dass es durch den Einsatz von Loadern und Plugins erweiterbar ist. Mit Loadern können Entwickler benutzerdefinierte Aufgaben schreiben, die sie beim Zusammenfassen von Dateien ausführen möchten. Der Unterschied zwischen Loadern und Plugins besteht darin, dass Loader pro Modul und Plugins pro Bundle angewendet werden. Webpack unterstützt Funktionen wie Code-Splitting und Tree-Shaking. Module können außerdem dynamisch geladen werden.[12]
Im Jahr 2017 entwickelte sich Webpack zum meist genutzten JavaScript-Bundler und wurde im Jahr 2021 14 Mio. Mal pro Woche von npm.com heruntergeladen.[13] Ab etwa 2023 stagnierten die Download-Zahlen, als modernere Werkzeuge wie Vite (Vite (Q111590996); basierend auf esbuild und rollup) verbreitet eingesetzt wurden.[14][15]
