Коротка відповідь
juniorБандлери — це інструменти, що збирають модулі JavaScript (і інші ресурси) у один або кілька файлів, оптимізуючи їх для браузера. Вони виконують tree‑shaking, мінімізацію коду та створюють мапи source‑map для дебагу. Це дозволяє уникнути надмірних HTTP‑запитів і покращує продуктивність сайту.
Повне пояснення
Бандлери, такі як Webpack, Rollup або Vite, беруть вихідний код, розбивають його на модулі (ES‑modules або CommonJS), аналізують залежності і формують фінальний бандл. Tree‑shaking видаляє не використаний код, а мінімізація (uglify/terser) зменшує розмір файлу. Source‑map пов’язує мінімізований код із оригінальним, що полегшує налагодження. Бандлери також підтримують лоадери для CSS, SVG, зображень тощо, що дозволяє інкапсулювати всі ресурси в один HTTP‑запит. У сучасних SPA це критично для швидкого старту, зменшення кількості запитів і підтримки кешування.