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.93.0 (11 lipca 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
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
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ż
- Grunt (oprogramowanie)
- Gulp.js
- CommonJS
Przypisy
- ↑ AddyA. Osmani AddyA., IvanI. Akulov IvanI., Web Performance Optimization with webpack [online], Google Developers [dostęp 2020-01-01] (ang.).
- ↑ a b EricE. Grosse EricE., Webpack or Browserify & Gulp: Which Is Better? [online], Toptal Engineering Blog, 11 października 2016 [dostęp 2020-01-01] (ang.).
- ↑ DrewD. Powers DrewD., 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.).
Linki zewnętrzne
- Oficjalna witryna.