Minificador / Embellecedor de JavaScript
Entrada JavaScript
Resultado JavaScript
Acerca de este minificador y embellecedor de JavaScript
Esta herramienta comprime JavaScript eliminando comentarios, espacios extra y formato innecesario de fragmentos y scripts pequeños.
También puede embellecer JavaScript compacto en una estructura más legible para revisión, depuración y ediciones rápidas.
Cómo usarla
- Pega JavaScript en el campo de entrada.
- Elige Minificar para comprimir el código o Embellecer para formatearlo.
- Copia el resultado y úsalo en tu página, fragmento o notas de build.
Consejos
- Usa JavaScript minificado para fragmentos inline pequeños o reducciones rápidas.
- Usa la salida embellecida al revisar fragmentos de terceros o código generado.
- Para bundles de producción, prefiere la herramienta de build de tu proyecto para conservar source maps y el manejo de sintaxis moderna.
Comprobaciones tras minificar JavaScript
No ejecutes código pegado
Esta herramienta trata el JavaScript como texto, pero aun así evita pegar código no confiable en proyectos de producción sin revisarlo.
Los source maps van aparte
La minificación de fragmentos no crea source maps. Para bundles de aplicaciones, usa tu herramienta de build para que la depuración siga siendo posible.
Revisa la sintaxis moderna
El JavaScript generado o muy moderno puede necesitar transpilación específica del proyecto, tree shaking o targeting de entorno.
Prueba después de copiar
Ejecuta tus pruebas habituales o verificaciones en el navegador tras reemplazar JavaScript, sobre todo cuando el código contiene strings, regex o template literals.
Comprobaciones de minificación JavaScript antes de producción
La minificación puede alterar código si son incorrectas las suposiciones sobre sintaxis, nombres, efectos, módulos o runtime.
Runtime objetivo
Define el objetivo ECMAScript y navegador para evitar sintaxis no admitida o transformaciones inseguras.
Conservación de nombres
Conserva nombres de funciones y clases cuando frameworks, reflexión, inyección, stack traces o serialización dependan de ellos.
Efectos secundarios
Revisa tree shaking, anotaciones pure, getters, inicialización de módulos y código dependiente del orden.
Capacidad de depuración
Genera source maps protegidos, súbelos al servicio de errores y prueba el bundle minificado.
Herramientas relacionadas
Estas herramientas también pueden resultarle útiles.