0Pricing
TypeScript Academy · Leçon

Émission de tsc ou noEmit et bundlers

Comparez la sortie de tsc seul au mode --noEmit lors de l’utilisation de bundlers comme Vite ou webpack.

Émission de tsc ou noEmit et bundlers est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 3. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage TypeScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours TypeScript Academy comprend 3 leçons au total.

Introduction

Objectif : découvrez comment tsc génère du JS, ce que fait --noEmit et pourquoi les outils de regroupement remplacent souvent cette génération.

Génération par tsc

Par défaut, tsc génère des fichiers JS compilés (et éventuellement des fichiers .d.ts) dans outDir.

// tsconfig.json
{
  "compilerOptions": {
    "outDir": "dist"
  }
}

// Command
npx tsc

// Produces JS + .d.ts in dist

noEmit

Le mode --noEmit vérifie les types, mais n’écrit aucun fichier. Il convient parfaitement aux projets où les outils de regroupement gèrent le JS.

// tsconfig.json
{
  "compilerOptions": {
    "noEmit": true
  }
}

// Command
npx tsc --noEmit

// Only type-checks, no JS output

Outils de regroupement

Les outils de regroupement (webpack, Vite, esbuild, SWC) transforment TS→JS et gèrent les ressources. Ils n’ont pas besoin de tsc pour émettre du JS.

Configuration de l’intégration continue

Motif courant : exécutez tsc --noEmit dans l’intégration continue ou en développement, et utilisez un outil de regroupement pour les compilations réelles.

// package.json scripts
{
  "scripts": {
    "typecheck": "tsc --noEmit",
    "dev": "vite"
  }
}

Mode hybride

Générez des fichiers de déclarations avec --emitDeclarationOnly tandis que les outils de regroupement construisent le JS. Vous obtenez le meilleur des deux mondes.

// Sometimes use both
npx tsc --emitDeclarationOnly # for .d.ts
npx vite build # for bundles

Question

Vérification rapide : pourquoi exécuter tsc --noEmit lorsque vous utilisez des outils de regroupement ?

Récapitulatif

Récapitulatif : l’émission de tsc écrit du JS ; --noEmit vérifie uniquement les types. Dans les piles modernes, les outils de regroupement (Vite, webpack) produisent la sortie JS.

Questions Fréquemment Posées

La leçon « Émission de tsc ou noEmit et bundlers » est-elle gratuite ?

Oui — le texte complet de « Émission de tsc ou noEmit et bundlers » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours TypeScript Academy, passe à CoddyKit PRO. Le cours TypeScript Academy comprend 3 leçons au total.

Qu'est-ce que j'apprendrai dans « Émission de tsc ou noEmit et bundlers » ?

Comparez la sortie de tsc seul au mode --noEmit lors de l’utilisation de bundlers comme Vite ou webpack. Tu pratiques TypeScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer TypeScript Academy ?

Aucune expérience préalable n'est requise. TypeScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 3.

Combien de temps prend la leçon « Émission de tsc ou noEmit et bundlers » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon TypeScript Academy ?

Oui. Chaque leçon TypeScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Émission de tsc ou noEmit et bundlers
  2. Bases de Vite, esbuild, SWC et Rollup
  3. Déclarations, cartes source et exportations de types
← Retour à TypeScript Academy