Minificador JavaScript

¿Qué es Minificador JavaScript?

El Minificador JavaScript comprime JavaScript moderno (ES2015+) con Terser, el minificador que usan webpack y Vite. Elimina espacios y comentarios, renombra las variables locales con nombres cortos y simplifica expresiones.

Cómo usar Minificador JavaScript

1. Pega tu JavaScript en el cuadro de entrada.
2. Haz clic en Minificar (la salida también se actualiza mientras escribes).
3. Revisa la línea de tamaño bajo la salida.
4. Copia o descarga el código minificado.

Ejemplo

function add(first, second) {
  return first + second;
}
console.log(add(1, 2));

function add(d,n){return d+n}console.log(add(1,2));

Cuándo usar Minificador JavaScript

Úsalo para scripts pequeños, bookmarklets, bloques <script> en línea o comprobaciones rápidas de tamaño. En aplicaciones, deja que tu bundler minifique con source maps. No transpila TypeScript ni JSX: quita los tipos primero.

Cómo funciona Minificador JavaScript

El código se minifica con terser.minify con compress y mangle activados y todos los comentarios eliminados. Terser lo convierte en un AST, sustituye constantes en línea, elimina código muerto y variables sin usar en ámbitos locales, y renombra los identificadores locales de las funciones. Los nombres de nivel superior no se renombran, así que las funciones globales conservan su nombre. Los errores de sintaxis se reportan con línea y columna.

Casos de Uso Comunes

• ✓ Minificar un script independiente para un sitio estático
• ✓ Crear bookmarklets compactos
• ✓ Ver cuánto se reduce una función de una librería
• ✓ Eliminar comentarios antes de incrustar el código

Preguntas Frecuentes

Siguientes pasos recomendados

Explora más categorías