Embellecedor de JavaScript y TypeScript

Formatee JS, TS, JSX y TSX con Prettier y minifique JavaScript con Terser.

Funciona en local · no se sube nada
Input
Output

Qué hace

Pegue código minificado o simplemente con un formato irregular y obténgalo tal como lo formatearía Prettier en su editor. Cambie a Minificar para comprimir JavaScript puro con Terser. La salida se actualiza mientras escribe.

Funciones

  • JavaScript, TypeScript, JSX y TSX, incluida la sintaxis moderna: encadenamiento opcional, decoradores, genéricos, satisfies, import type y componentes de React.
  • Las opciones de Prettier que los desarrolladores realmente cambian: 2 espacios, 4 espacios o tabuladores, ancho de línea, comillas simples o dobles, punto y coma sí o no y comas finales (todas, ES5 o ninguna).
  • Minificar con Terser: el acortamiento de nombres y la compresión se activan por separado, los comentarios /*! ... */ y @license se conservan y los módulos ES (import / export) se detectan automáticamente.
  • Errores de sintaxis precisos con la línea y la columna, un fragmento de código con un indicador y el botón Ir al error. Si pega TypeScript con JS seleccionado, la herramienta se lo indica.
  • Tamaño antes y después, número de líneas y tiempo. Al abrir un archivo .ts, .tsx o .jsx, el lenguaje se selecciona automáticamente.

Cómo usarlo

  1. Pegue el código, abra un archivo o suéltelo sobre la entrada. Ejemplo carga una muestra para el lenguaje seleccionado.
  2. Elija el lenguaje y después Formatear o Minificar.
  3. Copie o descargue el resultado. Ctrl+Enter lo ejecuta al instante.

Minificar solo funciona con JavaScript puro. Terser no tiene analizador de TypeScript ni de JSX, y no existe una versión para navegador que minifique TypeScript directamente, así que TS, JSX y TSX deben compilarse primero a JavaScript (por ejemplo, con tsc, esbuild o Babel). Aquí siempre puede embellecerlos. El analizador de TypeScript solo se descarga cuando elige TS o TSX, y Terser solo la primera vez que minifica.

Privacidad

Su código se formatea y minifica en su navegador; solo se descargan de un CDN los archivos de Prettier y Terser con versión fija. No se sube nada. La última entrada se guarda en el almacenamiento local para que una recarga no la pierda.