Convertir du TypeScript en JavaScript en ligne

Collez ou déposez un fichier .ts ou .tsx : les types sont retirés et le JavaScript reste lisible, avec une source map 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é par esbuild, exécuté dans votre navigateur : annotations de type, interfaces et déclarations de types disparaissent, le reste du code est conservé et reste lisible (indenté, avec ses noms de variables). Les fichiers .tsx sont pris en charge.

Une source map accompagne le résultat : elle permet de déboguer votre fichier .ts d’origine dans les outils du navigateur. esbuild ne vérifie pas les types : pour cela, utilisez tsc --noEmit dans votre projet.

Exemples

Une interface retirée : 147 octets deviennent environ 112

L’interface Point et les annotations de distance(a: Point, b: Point): number disparaissent : il reste export function distance(a, b) et son corps, avec un commentaire de source map en fin de fichier (environ 112 octets au total, selon le nom du fichier).

Des annotations de variables : 164 octets deviennent environ 160

const nom: string = "Léa" devient const nom = "Léa", et const ages: number[] = [31, 28] devient const ages = [31, 28] : seules les annotations disparaissent, la logique est identique (environ 160 octets).

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.
Comment obtenir un JavaScript plus léger ?
Ici le résultat reste lisible. Pour le réduire, choisissez le niveau « Allégé » ou « Optimisé » : le TypeScript est compilé puis minifié.
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é.