Aller au contenu
Aback Tools Logo

Compresseur TypeScript

Supprimez les annotations de type, interfaces, alias de type, génériques et modificateurs d'accès de TypeScript pour obtenir du JavaScript propre, et découvrez exactement de combien le JS compilé est plus petit que le TypeScript d'origine. Configurez 10 options de suppression individuellement. Fonctionne entièrement dans votre navigateur : votre code ne quitte jamais votre appareil. Gratuit, sans inscription.

TypeScript Compressor
Strip TypeScript type annotations, interfaces, type aliases, generics, and access modifiers to produce clean JavaScript - shows compiled JS size vs original TS size. Runs entirely in your browser - your code never leaves your device.

TypeScript Input

.ts and .tsx files supported

JavaScript Output (types stripped)

Read-only - copy or download the stripped output

Regex-based type stripping

This tool uses regex-based transformation to strip TypeScript syntax - no compiler or WASM required. It handles the vast majority of real-world TypeScript patterns. For complex conditional types or mapped types, use the official TypeScript compiler (tsc --declaration false --outDir dist) for guaranteed correctness.

Pourquoi utiliser notre compresseur TypeScript ?

  • Compression TypeScript instantanée : supprimez les types TypeScript et obtenez du JavaScript propre instantanément dans votre navigateur, sans installation de compilateur, sans WASM et sans file d'attente serveur. Notre compresseur typescript traite votre code en quelques millisecondes grâce à des transformations par expressions régulières pures.
  • Compresseur TypeScript en ligne sécurisé : votre code TypeScript ne quitte jamais votre appareil avec ce compresseur typescript. Un traitement 100 % côté client garantit une confidentialité totale : aucun journal serveur, aucune transmission de code, aucun stockage cloud d'aucune sorte.
  • Compresseur TypeScript en ligne sans installation : supprimez les types TypeScript directement dans n'importe quel navigateur moderne, sans npm install, sans tsc, sans plugin et sans compte. Le compresseur typescript fonctionne sous Windows, macOS, Linux et sur mobile.
  • 10 options de suppression configurables : activez ou désactivez chacune des 10 transformations individuellement, de la suppression des interfaces et des alias de type à celle des modificateurs d'accès et des assertions non nulles. Contrôle total sur ce qui est retiré de votre TypeScript.

Cas d'usage courants du compresseur TypeScript

  • Analyse de la taille du bundle : utilisez le compresseur typescript pour voir exactement quelle part de votre bundle TypeScript correspond aux annotations de type et quelle part au code d'exécution. Les fichiers riches en types peuvent consacrer 20 à 40 % de leurs octets à une syntaxe de type qui disparaît à l'exécution.
  • Préparation avant minification : supprimez les types TypeScript avant de passer le code à un minificateur JavaScript. Retirer d'abord les annotations de type réduit la taille d'entrée du minificateur et peut accélérer la minification des grandes bases de code TypeScript.
  • Distribution open source : générez une version JavaScript pure de votre bibliothèque TypeScript pour la distribuer aux utilisateurs qui n'utilisent pas TypeScript. Le compresseur typescript produit un JS propre et lisible sans nécessiter de pipeline de build complet.
  • Partage d'extraits de code : supprimez les types de vos extraits TypeScript avant de les partager dans des environnements qui n'acceptent que JavaScript : JSFiddle, CodePen, consoles de navigateur et exemples de documentation qui ne prennent pas en charge la syntaxe TypeScript.
  • Optimisation de scripts embarqués : compressez le TypeScript écrit pour les environnements embarqués (Deno Deploy, Cloudflare Workers, fonctions edge), où les annotations de type ajoutent des octets au script déployé sans aucun bénéfice à l'exécution.
  • Audit des annotations de type : comparez la taille du TypeScript d'origine avec celle du JavaScript obtenu pour comprendre la surcharge des annotations dans votre base de code. Les fichiers dont le pourcentage de réduction est élevé ont une forte densité d'annotations de type.

Qu'est-ce que la compression TypeScript ?

La compression TypeScript (aussi appelée suppression de types) retire toute la syntaxe propre à TypeScript d'un fichier .ts ou .tsx, produisant du JavaScript valide exécutable dans n'importe quel navigateur ou environnement Node.js. TypeScript ajoute des annotations de type ( : string , : number ), des déclarations d'interface, des alias de type, des paramètres de type génériques, des modificateurs d'accès ( private , public , protected ) et d'autres syntaxes qui n'existent que pour le vérificateur de types et n'ont aucune existence à l'exécution. Notre compresseur typescript supprime toute cette syntaxe au moyen de transformations par expressions régulières : aucun compilateur, aucun WASM, aucun serveur.

Comment fonctionne notre compresseur TypeScript

  1. 1 Collez ou importez votre TypeScript : collez n'importe quel code TypeScript ou importez un fichier .ts ou .tsx. Le nombre de caractères et la taille en octets se mettent à jour en temps réel. Utilisez le panneau d'options pour configurer précisément les constructions TypeScript à supprimer.
  2. 2 Suppression instantanée dans le navigateur : cliquez sur « Supprimer les types TypeScript » et l'outil applique toutes les transformations activées en séquence à l'aide d'expressions régulières JavaScript pures : aucun compilateur TypeScript, aucun WASM, aucun envoi vers un serveur. Votre code ne quitte jamais votre appareil.
  3. 3 Copiez ou téléchargez le résultat JavaScript : le JavaScript obtenu apparaît dans le panneau de droite. Copiez-le dans le presse-papiers en un clic ou téléchargez-le sous le nom abacktools-stripped.js . La barre de statistiques affiche la taille du TS d'origine, la taille du JS généré, les octets économisés et le pourcentage de réduction.

Ce qui est supprimé

  • Annotations de type : toutes les annotations : Type sur les variables, paramètres de fonction, types de retour et propriétés de classe sont supprimées : c'est la source la plus courante d'octets propres à TypeScript.
  • Déclarations d'interface et alias de type : les blocs complets interface Foo { ... } et type Foo = ... sont supprimés : ils n'existent que pour le vérificateur de types et n'ont aucune représentation à l'exécution.
  • Paramètres de type génériques : <T> , <T extends U> et les arguments de type des appels génériques comme foo<string>() sont supprimés, laissant les appels de fonction d'exécution intacts.
  • Modificateurs d'accès et mots-clés : private , public , protected , readonly et abstract sont supprimés des membres de classe : ils sont propres à TypeScript et n'ont aucun équivalent en JavaScript.

Limites importantes

Ce compresseur typescript utilise des transformations par expressions régulières, et non un analyseur complet de l'AST TypeScript. Il gère correctement la grande majorité des motifs TypeScript du monde réel, mais peut produire un résultat incorrect dans des cas complexes : types conditionnels ( T extends U ? X : Y ), types mappés ( { [K in keyof T]: ... } ), types de littéraux de gabarit et expressions génériques profondément imbriquées. Pour un usage en production, vérifiez toujours le résultat et envisagez d'utiliser le compilateur TypeScript officiel ( tsc --declaration false ) ou un outil comme @babel/plugin-transform-typescript pour une correction garantie.

Foire aux questions

Un compresseur typescript supprime la syntaxe propre à TypeScript (annotations de type, interfaces, alias de type, génériques et modificateurs d'accès) du code source TypeScript afin de produire du JavaScript propre. Notre compresseur typescript en ligne gratuit utilise des transformations par expressions régulières entièrement dans votre navigateur : aucun compilateur TypeScript, aucun WASM, aucun envoi vers un serveur.

Pour les motifs TypeScript standards, oui : le JavaScript obtenu est fonctionnellement identique au code TypeScript d'origine. Les annotations de type, les interfaces et les alias de type n'ont aucune existence à l'exécution. Pour les motifs complexes comme les types conditionnels ou les décorateurs, testez toujours le résultat avant de l'utiliser en production.

Absolument. Notre compresseur typescript traite tout localement dans votre navigateur : votre code n'est jamais envoyé à un serveur et ne quitte jamais votre appareil. Totalement sûr pour le code propriétaire, les outils internes et tout TypeScript contenant une logique métier sensible.

Oui, 100 % gratuit, pour toujours. Sans inscription, sans compte, sans offre premium, sans limite de taille de fichier et sans publicité. Supprimez les types TypeScript autant de fois que nécessaire, entièrement gratuitement et sans restriction.

La réduction typique est de 10 à 40 % selon la densité des types dans le TypeScript. Les fichiers comportant de nombreuses interfaces, des types génériques complexes et des annotations de type verbeuses se compressent le mieux. Le panneau de statistiques affiche la réduction exacte pour votre fichier.

Le compilateur TypeScript effectue une analyse complète de l'AST et une vérification des types : il gère correctement toute la syntaxe TypeScript, mais nécessite Node.js et npm. Notre compresseur typescript utilise des transformations par expressions régulières qui s'exécutent instantanément dans le navigateur, sans aucune installation.

Oui. Le compresseur typescript accepte les fichiers .tsx et supprime la syntaxe de type TypeScript tout en préservant la syntaxe JSX. Les annotations de type des composants React, les définitions d'interfaces pour les props et les types de composants génériques sont supprimés, laissant la structure JSX intacte.