Formateador JS

Acerca del formateo de JavaScript

Minificar elimina comentarios y espacios de JavaScript y acorta nombres cuando es seguro hacerlo, produciendo archivos más pequeños para producción. Embellecer hace lo contrario — vuelve a indentar y expandir el código para que sea legible de nuevo.

Aquí la minificación se hace con Terser, el mismo motor que usan la mayoría de las canalizaciones de compilación de JavaScript modernas, así que el resultado coincide con lo que produciría un empaquetador de producción. Minificar y embellecer solo cambian espacios, comentarios y —cuando es demostrablemente seguro— nombres de identificadores; nunca transpilan la sintaxis para navegadores antiguos ni añaden polyfills, así que el código que use una característica ausente en tus navegadores objetivo seguirá necesitando tratamiento aparte. Ninguna de las dos direcciones produce un mapa de fuente; trata por tanto la salida embellecida como una copia de lectura, no como sustituto directo del código fuente original al depurar.

Dónde te lo encontrarás

• Reducir un script antes de desplegarlo en producción
• Desminificar un paquete de terceros para leerlo o depurarlo
• Limpiar código pegado desde una fuente minificada
• Estandarizar el formato antes de pegar código en documentación

Preguntas frecuentes

¿Minificar puede romper mi código?
Minificar conserva el comportamiento — solo cambian los espacios, los comentarios y, cuando es seguro, los identificadores. El código que depende del formato exacto de la fuente, lo cual es raro, podría verse afectado.

¿Esto ofusca mi código?
No. Minificar reduce el tamaño; la ofuscación hace que el código sea deliberadamente difícil de leer. Esta herramienta solo hace lo primero.

¿Se envía mi código a algún otro lugar?
No. Se procesa en el servidor solo para esa solicitud y no se almacena ni se registra.

¿Esta herramienta genera un mapa de fuente?
No. Un mapa de fuente permite que el depurador de un navegador muestre el código fuente original sin minificar mientras se ejecuta el archivo minificado, pero eso exige conservar esa correspondencia junto con el código desplegado, fuera del alcance de una herramienta de pegar y convertir al vuelo como esta. Si necesitas mapas de fuente en producción, genéralos como parte de tu paso de compilación habitual, donde el archivo de correspondencia puede alojarse o subirse junto con el paquete.