Какие использовал сборщики фронтенда

«Какие использовал сборщики фронтенда» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Наиболее популярные сборщики — Webpack, Vite, Rollup и Parcel.

Webpack — мощный, гибкий, с поддержкой плагинов и лоадеров. Использую для сложных проектов:

module.exports = {
  entry: './src/index.js',
  output: { filename: 'bundle.js' },
  module: {
    rules: [{ test: /.js$/, use: 'babel-loader' }]
  }
};

Vite — быстрый, на ES-модулях, идеален для разработки. Конфиг лаконичный:

export default {
  build: { outDir: 'dist' }
};

Rollup — для библиотек (tree-shaking). Parcel — zero-config, прост в настройке. Выбор зависит от задач: скорость, гибкость или простота.