Что такое Rollup

Rollup — это модульный сборщик JavaScript-кода, который объединяет небольшие модули в один или несколько бандлов. Он использует стандарт ES-модулей (ESM) и поддерживает tree-shaking — удаление неиспользуемого кода, что делает бандлы более компактными.

Ключевые особенности:

• Оптимизирует размер бандла за счет tree-shaking.
• Поддерживает плагины для расширения функциональности (например, Babel, TypeScript).
• Работает быстрее Webpack для небольших проектов.

Пример конфигурации (rollup.config.js):

import { nodeResolve } from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';

export default {
  input: 'src/main.js',
  output: {
    file: 'dist/bundle.js',
    format: 'esm'
  },
  plugins: [nodeResolve(), commonjs()]
};