Webpack

Webpack
Logo 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

  1. AddyA. Osmani AddyA., IvanI. Akulov IvanI., Web Performance Optimization with webpack [online], Google Developers [dostęp 2020-01-01]  (ang.).
  2. 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.).
  3. DrewD. Powers DrewD., High-performance webpack config for front-end delivery [online], Codementor, 2017 [dostęp 2020-01-01]  (ang.).
  4. 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.