Бандлер — інструмент, що збирає JavaScript (і CSS) з десятків або сотень модулів в один або кілька оптимізованих файлів для браузера. Браузер не може ефективно завантажити тисячі дрібних файлів.
Що робить
Module bundling — об'єднує ES-modules, CommonJS в один бандл
Tree shaking — видаляє невикористаний код
Code splitting — розбиває на чанки, що завантажуються лінево
Transpiling — TypeScript, JSX → JavaScript через Babel/SWC
Asset optimization — мінімізація, хешування імен файлів для cache busting
Популярні бандлери
Vite — dev-server на ESM, build на Rollup. Дуже швидкий HMR
Webpack — стандарт багато років, величезна екосистема плагінів
Rollup — оптимальний для бібліотек, відмінний tree-shaking
esbuild — написаний на Go, в 10–100× швидший за Webpack