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 | 4.27.1 (5. Dezember 2018) |
| Betriebssystem | plattformübergreifend |
| Programmiersprache | JavaScript |
| Lizenz | MIT-Lizenz[1] |
| deutschsprachig | nein |
| https://webpack.js.org | |
Webpack (meist geschrieben webpack) ist ein Opensource-JavaScript-Modul-Packer.[2][3][4][5] Die wesentliche Aufgabe besteht darin, JavaScript-Dateien für die Nutzung im Browser zusammenzuführen und zu einer Datei zu bündeln. Allerdings ist Webpack auch in der Lage, andere Ressourcen zu transformieren, zu bündeln und zu packen.[6] Webpack sammelt die Module mit ihren Abhängigkeiten ein und generiert statische Assets, die diese Module darstellen.[7] 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.[8] Webpack verwendet eine Konfigurationsdatei mit dem Standarddateinamen webpack.config.js, um Loader, Plugins usw. für ein Projekt zu definieren. Das Webpack Config Tool vereinfacht die Erstellung der Konfigurationsdatei.
Webpack erfordert die Installation des Softwarepakets Node.js. Ein weiterer wichtiger Aspekt von Webpack ist, dass es durch den Einsatz von sogenannten Loadern stark erweiterbar ist. Mit Loadern können Entwickler benutzerdefinierte Aufgaben schreiben, die sie beim Zusammenfassen von Dateien ausführen möchten.
Weblinks
Einzelnachweise
- ↑ github.com.
- ↑ Web Performance Optimization with webpack. Google Developers, abgerufen am 9. Dezember 2018.
- ↑ A Beginner’s Guide to Webpack 4 and Module Bundling. Abgerufen am 9. Dezember 2018.
- ↑ Webpack 4.0 Release Brings Simplified Configuration, WebAssembly Support, and Big Performance Boost, InfoQ. Abgerufen am 16. Oktober 2018
- ↑ High-performance webpack config for front-end delivery. Codementor, abgerufen am 16. Oktober 2018.
- ↑ What is Webpack. SurviveJS, abgerufen am 16. Oktober 2018.
- ↑ What is webpack. GitHub, abgerufen am 25. Februar 2018.
- ↑ Webpack: An Introduction - Wisdom Geek In: Wisdom Geek, 12. Januar 2017. Abgerufen am 16. Januar 2017 (amerikanisches Englisch).