Це інструмент, який дозволяє об’єднувати ваші програми JavaScript (підтримуючи як ESM, так і CommonJS), і його можна розширити для підтримки багатьох різних активів, таких як зображення, шрифти та таблиці стилів.
Webpack — це безкоштовний збірник модулів із відкритим кодом для JavaScript. Він створений переважно для JavaScript, але може трансформувати зовнішні ресурси, такі як HTML, CSS і зображення, якщо включено відповідні завантажувачі. Webpack приймає модулі із залежностями та генерує статичні ресурси, що представляють ці модулі.
Чому існує Webpack? У своїй основі, webpack — це збірник модулів. Він перевіряє всі модулі у вашій програмі, створює графік залежностей, а потім інтелектуально об’єднує їх усі разом в один або кілька пакетів, які ваш індексує. файл html може посилатися.
Існує чимало причин для використання webpack або будь-якого іншого інструменту комплектування. Він об’єднує файл в один сценарій замість здійснення кількох викликів через мережу. Існують плагіни для мінімізації та стиснення файлів, щоб зменшити розмір пакетного сценарію.
Це починає обхід кодової бази, починаючи з точки входу, і обробляє кожен імпортований ресурс відповідно до наданої конфігурації завантажувача. Вам потрібно описати Webpack, як завантажувати та маніпулювати такими файлами, як *. js. Після обробки він створює остаточний пакет і записує його до вихідного пункту призначення на диску.
Тому що Webpack настільки відкритий і потужний, конфігурація може бути досить складною. Розробникам іноді доводиться створювати власні складні конвеєри JavaScript, включаючи зовнішні інструменти та завантажувачі, навіть щоб виконувати прості речі.