Webpack
 Logo programu | |
| Autor | Tobias Koppers, Sean Larkin, Johannes Ewald, Juho Vepsäläinen, Kees Kluskens i społeczność Webpack |
|---|---|
| Pierwsze wydanie | 10 marca 2012; ponad 12 lat temu |
| Aktualna wersja stabilna | 5.97.1 (5 grudnia 2024) [±] |
| Język programowania | JavaScript |
| System operacyjny | Wieloplatformowe |
| Rodzaj | transpilator |
| Licencja | MIT |
| Strona internetowa | |
Webpack – darmowy i otwarty transpilator JavaScript, którego głównym celem jest tworzenie pakietów, które uwzględnią zależności między modułami i klasami oraz poprawiają wydajność[1][2][3].
Co prawda Webpack służy głównie do budowania pakietu JS, ale może przetwarzać również inne zasoby takie jak HTML, CSS i obrazki. Wymagane są do tego dodatkowe narzędzia tzw. loadery[4].
Sposób działania
[edytuj | edytuj kod]Webpack pobiera zależności z poszczególnych plików i generuje dla nich graf zależności. Umożliwia to twórcom stron internetowych zastosowanie podejścia modułowego do celów tworzenia aplikacji internetowych, a jednocześnie utworzenie jednego, zwartego pliku wynikowego.
Webpack można używać, podając opcje z wiersza poleceń lub korzystając z pliku konfiguracyjnego o nazwie webpack.config.js. W konfiguracji definiuje się reguły, wtyczki itp. dla danego projektu.
Z pomocą Browserify umożliwia używanie nowej składni importowania modułów, która została ustandaryzowana w ramach ECMAScript[2].
Webpack Dev Server
[edytuj | edytuj kod]Webpack zapewnia także serwer programistyczny o nazwie Webpack Dev Server, który może być używany jako serwer HTTP do udostępniania plików podczas programowania. Zapewnia również możliwość wymiany modułu w locie.
Zobacz też
[edytuj | edytuj kod]Przypisy
[edytuj | edytuj kod]- ↑ Addy Osmani, Ivan Akulov, Web Performance Optimization with webpack [online], Google Developers [dostęp 2020-01-01] (ang.).
- ↑ a b Eric Grosse, Webpack or Browserify & Gulp: Which Is Better? [online], Toptal Engineering Blog, 11 października 2016 [dostęp 2020-01-01] (ang.).
- ↑ Drew Powers, High-performance webpack config for front-end delivery [online], Codementor, 2017 [dostęp 2020-01-01] (ang.).
- ↑ A Beginner’s Guide to Webpack 4 and Module Bundling [online], SitePoint, 25 kwietnia 2018 [dostęp 2020-01-01] (ang.).