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