Compresor de JavaScript con Source Map
Minifica JavaScript y genera un archivo Source Map v3 online gratis, sin herramientas de compilación. Nuestro compresor de JavaScript con source map produce el .min.js para producción y el archivo .map para depuración, ambos descargables como ZIP. Funciona íntegramente en tu navegador, así que tu código nunca sale de tu dispositivo. Sin registro.
JavaScript Input
Any JavaScript - ES5, ES6+, modules, scripts
Minified JS Output
Read-only - copy or download the minified output
About source maps
Source maps let browser DevTools map minified code back to the original source for debugging. Deploy the .min.js to production and keep the .map file on your server - the //# sourceMappingURL comment in the minified file tells DevTools where to find it.
¿Por qué usar nuestro compresor de JavaScript con Source Map?
- Minificación de JS con Source Map al instante: nuestro compresor de JavaScript con source map minifica tu código y genera un archivo Source Map v3 válido al instante en el navegador, sin idas y vueltas al servidor ni herramientas de compilación. Obtén el .min.js y el .map en segundos, listos para producción.
- Compresor de JavaScript online seguro: tu código JavaScript nunca sale de tu dispositivo. Nuestro compresor de JavaScript con source map online se ejecuta íntegramente en el cliente: ningún código se sube a ningún servidor. Minifica con total tranquilidad lógica de negocio propietaria, integraciones de API o código sensible, sin ningún riesgo para la privacidad.
- Generación de Source Map v3: nuestro compresor de JavaScript genera un archivo JSON Source Map v3 totalmente válido con asignaciones codificadas en Base64 VLQ, sourcesContent incrustado y el comentario sourceMappingURL correcto. Las DevTools del navegador pueden usar el mapa para mostrar el código original durante la depuración, incluso en producción.
- 100 % gratis para siempre: usa nuestro compresor de JavaScript con source map totalmente gratis, sin costes ocultos, sin registro, sin anuncios y sin límites de uso. Minifica y genera source maps online tantas veces como necesites, para proyectos personales, trabajo profesional o uso empresarial. Gratis para siempre.
¿Qué es un compresor de JavaScript con Source Map?
Un compresor de JavaScript con source map es una herramienta que minifica código JavaScript para reducir el tamaño del archivo y, al mismo tiempo, genera un archivo Source Map v3 que asigna posiciones de la salida minificada al código fuente original. Así, las DevTools del navegador pueden mostrar el código original y legible durante la depuración, incluso cuando servimos JavaScript minificado en producción. Nuestro compresor de JavaScript con source map online gratis implementa un minificador basado en tokenizador y un codificador de source maps Base64 VLQ, y funciona íntegramente en tu navegador sin subir nada a un servidor.
Cómo funciona nuestro compresor de JavaScript con Source Map
- 1 Pega o sube tu JavaScript: introduce tu JavaScript en el panel de entrada o pulsa «Subir .js» para cargar un archivo. Define el nombre de archivo: se usa en el campo sources del source map y en los nombres de los archivos de salida.
- 2 Configura y minifica: elige tus opciones de minificación (eliminar comentarios, colapsar espacios, eliminar console.log, eliminar debugger). Pulsa «Minificar + generar source map»: todo el procesamiento ocurre localmente en tu navegador con total privacidad.
- 3 Descarga ambos archivos: descarga los archivos .min.js y .map por separado, o pulsa «Descargar ambos (.zip)» para obtenerlos juntos. Despliega el .min.js en tu servidor y coloca el .map en la misma ruta: el comentario del archivo minificado indica a las DevTools dónde encontrarlo.
Qué se minifica
- Se eliminan los comentarios: los comentarios de una línea ( // ) y de varias líneas se eliminan de la salida, reduciendo el tamaño del archivo sin afectar a la funcionalidad.
- Se colapsan los espacios en blanco: se eliminan espacios, tabulaciones y saltos de línea innecesarios entre tokens. Se conservan los espacios necesarios entre palabras clave e identificadores para mantener una sintaxis JavaScript válida.
- Se conservan las cadenas: las cadenas, plantillas de texto y expresiones regulares se conservan literalmente; el minificador nunca modifica el contenido de las cadenas, evitando roturas accidentales.
- Se genera el Source Map: junto con la salida minificada se genera un archivo JSON Source Map v3 con asignaciones codificadas en Base64 VLQ, sourcesContent incrustado y el comentario sourceMappingURL correcto.
Cómo usar el Source Map en producción
Despliega script.min.js en tu servidor web o CDN. Coloca script.min.js.map en la misma ruta URL (por ejemplo, /js/script.min.js.map). El comentario al final del archivo minificado indica a las DevTools del navegador dónde obtener el mapa. En Chrome DevTools, abre el panel Sources y verás el archivo fuente original listado bajo el dominio. Por seguridad, puedes restringir el acceso al archivo .map con reglas del servidor para que solo los desarrolladores puedan acceder.
Preguntas frecuentes
Un compresor de JavaScript con source map es una herramienta que minifica JavaScript para reducir el tamaño del archivo y genera un archivo Source Map v3 que asigna posiciones de la salida minificada al código fuente original. Nuestro compresor de JavaScript con source map online gratis funciona íntegramente en tu navegador: no requiere subir nada a un servidor.
Nuestro compresor de JavaScript con source map usa un enfoque basado en tokenizador que conserva literalmente todas las cadenas, plantillas de texto y expresiones regulares. Se eliminan comentarios y espacios en blanco, y se mantienen los espacios entre palabras clave. Prueba la salida minificada antes de desplegar a producción.
Por supuesto. Nuestro compresor de JavaScript con source map procesa todo localmente en tu navegador. Tu código nunca se sube a ningún servidor, nunca se almacena de forma remota y nunca sale de tu dispositivo.
Sí: 100 % gratis, para siempre. Sin registro, sin cuenta, sin plan premium, sin límites de uso y sin anuncios.
Un Source Map v3 es un archivo JSON que asigna posiciones del código minificado al código fuente original mediante datos de posición codificados en Base64 VLQ. Las DevTools de los navegadores lo usan para mostrar el código original en el panel Sources, lo que hace posible depurar código de producción minificado.
Coloca el archivo .map en la misma ruta URL que el archivo .min.js. El comentario //# sourceMappingURL al final del archivo minificado indica a las DevTools dónde obtener el mapa. Puedes restringir el acceso a los archivos .map con reglas del servidor.
Nuestro compresor de JavaScript con source map ofrece: eliminar comentarios, colapsar espacios en blanco, eliminar llamadas a console.log() y eliminar sentencias debugger. Las cadenas y plantillas de texto siempre se conservan literalmente.
Terser y UglifyJS son minificadores completos basados en AST que logran una compresión entre un 30 y un 50 % mejor mediante el renombrado de variables y la eliminación de código muerto. Nuestra herramienta usa un enfoque basado en tokenizador, más rápido y sencillo. Úsala para tareas puntuales; usa Terser en tu canalización de compilación para producción.
Nuestro compresor de JavaScript con source map solo trabaja con JavaScript. Para minificar TypeScript, primero compílalo a JavaScript con tsc y luego minifica el .js resultante con nuestra herramienta.