Rollup

Rollup (v4) is the bundler of choice for libraries. It produces smaller, cleaner code than Webpack and pioneered Tree Shaking.

When to Use

• Modern JavaScript/TypeScript Library Packaging: Generating optimized ESM and CommonJS bundles with tree-shaking.
• Zero-Overhead Code Splitting: Emitting dynamic import chunks and shared modules with minimal wrapper boilerplate.
• Design System & Component Library Distribution: Bundling React, Vue, or Web Components with externalized peer dependencies.
• Custom Toolchain Compilation: Powering modern bundlers (such as Vite) under the hood for production build generation.

Quick Start

1. Minimal rollup.config.mjs