Minificar JavaScript

Cuándo se necesita minificar pero no un sistema de build

Una extensión de navegador con un puñado de scripts independientes, un widget pequeño incrustado en sitios de terceros, un panel de administración heredado que existe desde antes de cualquier herramienta moderna, o una herramienta interna rápida: ninguno de estos casos justifica configurar un bundler, ajustar su ecosistema de plugins y mantener esa configuración viva a través de las actualizaciones de dependencias solo para achicar un archivo antes de publicarlo. data.js_minify existe justo para ese vacío: envíe el script, reciba la versión compactada, sin cadena de herramientas necesaria.

Cómo corre la solicitud

Envíe POST a /data/js-minify con el código fuente del script, y recibirá un task_id de inmediato mientras la minificación se procesa en segundo plano. El resultado, con los espacios en blanco y comentarios eliminados y los identificadores renombrados donde es demostrablemente seguro hacerlo, llega mediante una llamada de webhook firmada o queda disponible en un enlace firmado válido por 24 horas.

Por qué minificar JS es más difícil de lo que parece

A diferencia del CSS, JavaScript es un lenguaje de programación completo con alcance de variables, clausuras y comportamiento dinámico, así que un minificador tiene que entender realmente la estructura del código para achicarlo sin romperlo: renombrar una variable local es seguro, pero renombrar algo referenciado dinámicamente por texto, o del que depende código fuera del alcance minificado, no lo es. Por eso una compactación ingenua basada en texto siempre fue riesgosa para JavaScript de una manera que no lo es para el marcado o los estilos, y por eso los minificadores serios analizan el script en un árbol de sintaxis antes de tocar un solo carácter, una disciplina que viene desde las primeras herramientas de minificación de JS construidas junto con el ascenso del lenguaje como la capa de scripting dominante de la web.

Cómo encaja en la automatización sin un paso de build

Cualquier flujo que genere o entregue JavaScript fuera de un bundler convencional (un sistema de plugins de un gestor de contenidos, un empaquetador de funciones serverless, un generador de código, un trabajo de CI que produce un solo script utilitario) puede llamar a este endpoint como su etapa de minificación en vez de incorporar un analizador y minificador de JS a su propio árbol de dependencias. Cobrar por solicitud sin cargo en las tareas fallidas permite que un script de despliegue minifique con seguridad cada archivo modificado en cada versión sin presupuestar gasto desperdiciado, y como la tarea es asíncrona, un lote de decenas de scripts puede enviarse de una vez y recogerse a medida que llega cada webhook, en vez de procesarse uno por uno en secuencia.