Formateador y Minificador JavaScript

¿Qué es el formateo de JavaScript?

Características principales

Ejemplos

function add(a,b){return a+b}const doubled=[1,2,3].map(x=>x*2);console.log(doubled)

async function load(id){const r=await fetch(`/api/${id}`);if(!r.ok)throw new Error('bad');return r.json()}

const cfg={retries:3,timeout:5000,headers:{'Content-Type':'application/json'},onError(e){console.warn(e)}}

class Counter{#n=0;inc(){this.#n++}get value(){return this.#n}}

Casos de uso comunes

Leer código minificado

Embellece un script minificado u ofuscado para poder entenderlo y depurarlo.

Revisión de código

Formatea JavaScript antes de un pull request para obtener código consistente y comparable.

Enviar bundles más ligeros

Minifica el JavaScript de producción con Terser para reducir el tamaño y acelerar la carga.

Ordenar un fragmento

Reformatea un paste rápido de la consola o un gist en código limpio y legible.

Detalles técnicos

Embellecido con js-beautify

Utiliza el motor js-beautify probado para una sangría y espaciado predecibles y configurables.

Minificado con Terser

Terser es el minificador de JavaScript de facto — renombra variables locales, elimina código muerto y elimina comentarios preservando el comportamiento.

Basado en el navegador

Se ejecuta completamente en el lado del cliente; tu código nunca sale de tu dispositivo ni llega a un servidor.

Buenas prácticas

Formatea el código fuente, minifica para producción

Mantén código legible en tu repositorio y deja que tu build minifique con Terser.

Minifica sintaxis moderna con cuidado

Terser apunta a JavaScript estándar; las propuestas muy nuevas pueden necesitar un paso de transpilación previo.

No edites manualmente la salida minificada

Las variables renombradas hacen que el código minificado sea difícil de mantener — edita el código fuente y vuelve a minificar.

Preguntas frecuentes