🧰 Rollup.js · Estudio ← Índice Qué es Características Casos de uso Script Casos reales Referencia

Estudio de Rollup.js

Bundling ⭐ 23k stars
Empaquetador de módulos que destaca por tree-shaking y paquetes de bibliotecas.

🤖 Skill de implementación: frontend-desarrollo (regla: solo catálogo de las 66 · versiones por ERR/MEJ)

1 · Características

2 · Casos de uso

3 · Script minimalista

Instalación: npm i -D rollup

// rollup.config.js
export default { input: 'src/main.js', output: { file: 'bundle.js', format: 'es' } };

4 · Casos de uso (implementación real)

Dos casos de uso comunes implementados con esta librería.

1. Bundle de librería

Compila una librería ES a múltiples formatos.

// rollup.config.js
export default {
  input: 'src/mi-lib.js',
  output: [
    { file: 'dist/mi-lib.js', format: 'es' },
    { file: 'dist/mi-lib.cjs', format: 'cjs' },
  ],
};
🔁 Cómo funciona: Rollup genera los bundles ES y CommonJS desde un solo `input` con tree-shaking.

2. Plugin terser

Minifica el bundle de producción.

// rollup.config.js
import terser from '@rollup/plugin-terser';
export default {
  input: 'src/main.js',
  output: [{ file: 'dist/bundle.js', format: 'iife', plugins: [terser()] }],
};
🔁 Cómo funciona: El plugin `terser` comprime el código final para producción.

5 · Referencia

CategoríaBundling
Stars (GitHub)⭐ 23k
Sitio oficialhttps://rollupjs.org/
GitHubhttps://github.com/rollup/rollup
Instalaciónnpm i -D rollup
RelacionadasWebpack · Parcel
📦 Regla de librerías (local primero): revisar C:\Users\TUF\Documents\librerías\local\ antes de descargar. Volver al índice de los 66 estudios.