Rollup

Was ist Rollup?

Rollup ist ein moderner JavaScript-Modulbundler, der Code in kleinere, performante Bundles für Browser und Node.js kompiliert. Im Gegensatz zu Webpack wurde Rollup speziell für die Anforderungen des ES-Modul-Standards konzipiert. Seine Kernstärke liegt in Tree Shaking: Rollup analysiert Import- und Export-Beziehungen statisch und eliminiert automatisch ungenutzten Code aus dem finalen Bundle. Das Ergebnis sind deutlich kleinere Auslieferungsgrößen gegenüber herkömmlichen Bundlern.

Rollup als Standard für Bibliotheks-Builds

Rollup hat sich als bevorzugter Bundler für die Erstellung von JavaScript-Bibliotheken und NPM-Paketen etabliert. Anders als bei Anwendungs-Bundlern müssen Bibliotheken in mehreren Formaten (ESM, CommonJS, UMD) ausgeliefert werden, um maximale Kompatibilität zu gewährleisten. Rollups schlankes Output-Format ohne zusätzlichen Runtime-Overhead macht es ideal für diesen Anwendungsfall. Populäre Open-Source-Projekte wie React, Vue.js und D3.js setzen Rollup für ihre offiziellen Bundles ein.

Plugin-Ökosystem und Konfiguration

Ein umfangreiches Plugin-Ökosystem erweitert Rollup um alle notwendigen Funktionen für moderne Entwicklungs-Workflows: @rollup/plugin-node-resolve löst NPM-Abhängigkeiten auf, @rollup/plugin-commonjs konvertiert CommonJS-Module in ESM, und Plugins für TypeScript, Babel, PostCSS und WASM sind verfügbar. Die Konfigurationsdatei rollup.config.js ist klar und deklarativ strukturiert. Mit Vite als Entwicklungsserver und Rollup als Produktionsbundler nutzen moderne Projekte die Stärken beider Tools optimal.

Rollup im modernen Web-Ökosystem

Rollup hat das JavaScript-Bundling-Ökosystem maßgeblich geprägt und Konzepte wie Tree Shaking und ESM-first popularisiert, die heute als Standard gelten. Vite, der schnell wachsende Build-Tool der nächsten Generation, nutzt Rollup intern für Produktions-Builds. Mit dem Rollup-Plugin-API und Hooks wie buildStart, transform und generateBundle bietet Rollup eine flexible Basis für Custom-Build-Pipelines. Code-Splitting, Dynamic Imports und Source-Maps werden vollständig unterstützt.