Webpack

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.109.2[1]
(28. Juli 2026)
Betriebssystem plattformübergreifend
Programmier­sprache JavaScript
Lizenz MIT-Lizenz[2]
deutschsprachig nein
https://webpack.js.org

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 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]

Commons: Webpack – Sammlung von Bildern, Videos und Audiodateien

Einzelnachweise

  1. ↑ Release 5.109.2. 28. Juli 2026 (abgerufen am 29. Juli 2026).
  2. ↑ github.com.
  3. ↑ Web Performance Optimization with webpack. Google Developers, abgerufen am 9. Dezember 2018 (englisch).
  4. ↑ A Beginner’s Guide to Webpack 4 and Module Bundling. Abgerufen am 9. Dezember 2018 (englisch).
  5. ↑ Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost, InfoQ. Abgerufen am 16. Oktober 2018 (englisch). 
  6. ↑ High-performance webpack config for front-end delivery. Codementor, abgerufen am 16. Oktober 2018 (englisch).
  7. ↑ What is Webpack. SurviveJS, abgerufen am 16. Oktober 2018 (englisch).
  8. ↑ What is webpack. GitHub, abgerufen am 25. Februar 2018 (englisch).
  9. ↑ Webpack: An Introduction - Wisdom Geek In: Wisdom Geek, 12. Januar 2017. Abgerufen am 16. Januar 2017 (amerikanisches Englisch). 
  10. ↑ Loaders auf webpack.js.org
  11. ↑ plugins auf webpack.js.org
  12. ↑ Moderne Webentwicklung: Was ist das Webpack? In: Ackee Blog. 27. Mai 2017, abgerufen am 22. Januar 2020 (deutsch).
  13. ↑ webpack vs rollup vs browserify vs esbuild. In: npm trends. Abgerufen am 26. Januar 2021 (englisch).
  14. ↑ esbuild vs rollup vs vite vs webpack. In: npm trends. Abgerufen am 10. Oktober 2025 (englisch).
  15. ↑ Frontend-Tooling der nächsten Generation. In: Vite. Abgerufen am 10. Oktober 2025.

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.