Compiler et minifier du TypeScript en ligne

Déposez votre fichier .ts ou .tsx : les types sont retirés, le JavaScript est minifié, et la source map renvoie vers votre TypeScript.

Niveau de protection

Réglages détaillés

Traitement 100 % local, rien n’est envoyé

Comment ça marche ?

Le TypeScript est compilé en JavaScript par esbuild : annotations, interfaces et types disparaissent, puis le résultat est minifié comme n’importe quel JavaScript. Choisissez « Lisible » pour obtenir seulement la compilation, avec une source map qui renvoie vers votre fichier .ts.

esbuild ne vérifie pas les types : une erreur de typage ne bloque pas la compilation (utilisez tsc --noEmit pour cela). Les fichiers .tsx sont pris en charge.

Exemples

Types retirés : 141 octets deviennent 66

Une interface Point et une fonction distance(a: Point, b: Point): number donnent export function distance(n,t){return Math.hypot(t.x-n.x,t.y-n.y)} : 53 % de moins, sans aucun type.

Mode lisible avec source map

Au niveau « Lisible », le JavaScript produit reste lisible et une source map (version 3) est générée : dans les outils du navigateur, vous déboguez votre fichier .ts plutôt que le code compilé.

Questions fréquentes

À quoi sert une source map ?
Une source map (fichier .map) relie le code réduit à votre code d’origine. Les outils de développement du navigateur l’utilisent pour afficher vos noms de variables et vos numéros de ligne quand vous déboguez la version réduite. Publiez-la à côté du fichier réduit, ou gardez-la privée si vous ne voulez pas révéler la source : le code fonctionne sans.
Cet outil vérifie-t-il les types ?
Non. Il retire les types sans les contrôler, comme le fait esbuild. Pour détecter les erreurs de typage, lancez le compilateur TypeScript (tsc --noEmit) dans votre projet.
Que font les quatre niveaux ?
« Lisible » ne réduit rien (TypeScript est seulement compilé, avec une source map). « Allégé » supprime commentaires, espaces et retours à la ligne. « Optimisé » renomme en plus les variables locales et simplifie la syntaxe. « Protégé » (JavaScript et TypeScript) ajoute l’encodage des chaînes et le masquage des propriétés. Chaque réglage reste modifiable dans « Réglages détaillés ».
Mon code est-il envoyé quelque part ?
Non. Le traitement se fait dans votre navigateur, dans un worker : votre code n’est ni envoyé, ni enregistré, et aucune requête n’est faite pendant la réduction. Seuls les moteurs sont téléchargés : esbuild (JavaScript, TypeScript, CSS) est servi par ce site, et l’interpréteur Python (environ 13 Mo, une seule fois) vient de jsDelivr, vérifié par une empreinte SHA-256 avant d’être utilisé.

Outils liés