Какие сборщики важны на практике и как их применять?

Важные сборщики: Vite (быстрый dev, современный выбор), Webpack (мощный, гибкий), Rollup (для библиотек), esbuild (сверхбыстрый), Parcel (zero-config). Применяются по типу проекта.

Основные сборщики

Vite

Быстрый dev-сервер на нативных ES-модулях, сборка через Rolldown (с Vite 8; раньше esbuild + Rollup):

• Плюсы: мгновенный старт и HMR, минимум конфига.
• Когда: новые SPA (React/Vue), современный дефолт.

Webpack

Мощный, гибкий, огромная экосистема:

• Плюсы: настраивается под что угодно, много loaders/plugins.
• Минусы: много конфига, медленнее в dev.
• Когда: сложные/легаси проекты, нестандартные требования.

Rollup

Заточен под библиотеки (чистый ESM-вывод, отличный tree shaking):

• Когда: публикация библиотек/пакетов.

esbuild

На Go, чрезвычайно быстрый:

• Когда: скорость трансформации критична (использовался внутри Vite до v8).

Parcel

Zero-config, автонастройка:

• Когда: быстрый старт без конфигурации.

Как применять/выбирать

• Новое SPA → Vite (скорость, простота).
• Библиотека → Rollup.
• Сложные кастомные требования → Webpack.
• Максимальная скорость → esbuild.
• Прототип без конфига → Parcel.

Общие концепции

Все строят граф зависимостей, транспилируют, оптимизируют (минификация, tree shaking, code splitting), настраиваются через loaders/plugins.

Коротко для собеседования

Сборщики: Vite (быстрый dev на ES-модулях, сборка через Rolldown с v8 — современный выбор SPA), Webpack (мощный, гибкий, много конфига — сложные/легаси), Rollup (библиотеки, tree shaking), esbuild (сверхбыстрый, Go), Parcel (zero-config). Выбор: новое SPA → Vite, библиотека → Rollup, кастом → Webpack.