Что такое сборщик

Сборщик (bundler) — инструмент, который объединяет модули, файлы и зависимости в один или несколько оптимизированных бандлов для production. Примеры: Webpack, Rollup, Parcel.

Основные функции:

• Объединение JS, CSS, изображений и других ресурсов.
• Минификация и оптимизация кода.
• Транспиляция (например, Babel для ES6+).
• Управление зависимостями.
• Разделение кода (code splitting).

Пример конфига Webpack:

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist'),
  },
  module: {
    rules: [
      { test: /\.js$/, use: 'babel-loader' },
      { test: /\.css$/, use: ['style-loader', 'css-loader'] },
    ],
  },
};