Minificar JS
Minifica código fuente JavaScript
Acerca de Minificar JS
Minifica JavaScript con Terser, que analiza el código, elimina los comentarios y el código inalcanzable, simplifica expresiones y renombra las variables locales, y luego muestra el tamaño antes y después. Puedes desactivar Acortar nombres o conservar los comentarios de licencia marcados con /*! o @license, y los módulos ES se detectan para acortar también sus nombres de nivel superior. Funciona en tu navegador con un archivo a la vez, sin empaquetar los imports ni generar source maps.
Categoría: Minificadores.
Preguntas frecuentes
¿Qué cambia el minificador de JS en mi código?
▾
Terser elimina los comentarios y espacios, quita el código inalcanzable y las variables locales sin usar, y reescribe expresiones en equivalentes más cortos, por ejemplo convierte sentencias if simples en && o en ternarios. Con Acortar nombres activado, las variables locales, los parámetros y las funciones locales reciben nombres de una o dos letras. El valor de las cadenas, las plantillas literales y las expresiones regulares nunca cambia, aunque las comillas y las secuencias de escape pueden reescribirse.
¿Es seguro usar el resultado en producción?
▾
Sí para el código habitual: Terser analiza el código fuente y solo aplica transformaciones que mantienen su comportamiento, así que las URL dentro de cadenas, las expresiones regulares literales y el código sin punto y coma se procesan correctamente. El código que depende de los nombres de funciones o clases en tiempo de ejecución, como fn.name o constructor.name, puede fallar al acortar los nombres, así que en ese caso desactiva Acortar nombres.
¿Cómo se manejan los módulos ES y las variables de nivel superior?
▾
Si el código tiene import o export de nivel superior, o usa await de nivel superior, se minifica como un módulo en modo estricto: se conservan los imports y los nombres exportados, y el resto de los nombres de nivel superior se acortan o se eliminan si no se usan. Los scripts normales conservan sus nombres de nivel superior, porque otros scripts o manejadores en línea pueden usarlos como globales.
¿Puedo revertir la minificación u obtener un source map?
▾
No del todo. Un formateador como Prettier recupera la sangría y los saltos de línea, pero los comentarios se pierden y los nombres acortados no se pueden recuperar. Esta herramienta no genera source maps, así que usa Terser, esbuild o el build de producción de tu bundler cuando los necesites.