0Pricing
TypeScript Academy · Leçon

Configuration des modules et de la cible

Choisissez les paramètres corrects pour module, target et lib

Configuration des modules et de la cible est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. 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 4 leçons au total.

Bienvenue

Les paramètres module et target de tsconfig contrôlent la syntaxe JavaScript vers laquelle TypeScript compile le code.

Paramètre target

target contrôle les fonctionnalités de syntaxe JavaScript émises. ES2020 est une valeur moderne sûre par défaut.
{ "compilerOptions": { "target": "ES2020" } }

Cibles courantes

ES5 pour les navigateurs anciens. ES2020 et les versions ultérieures pour les environnements modernes. ESNext pour les fonctionnalités les plus récentes.

Paramètre module

module contrôle le système de modules dans le JS émis : commonjs, ES2020, NodeNext ou bundler.
{ "compilerOptions": { "module": "commonjs" } }
// For ESM: "module": "ES2020" or "NodeNext"

moduleResolution

Détermine comment TypeScript trouve les modules. Utilisez node16 ou bundler pour les projets modernes.
{ "compilerOptions": { "moduleResolution": "bundler" } }

esModuleInterop

Permet les imports par défaut depuis des modules CommonJS sans la syntaxe * as.
{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as express

Paramètre lib

lib indique quelles API intégrées sont disponibles (DOM, ES2020, etc.).
{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }

isolatedModules

Garantit que chaque fichier peut être transcompilé indépendamment — une exigence d’esbuild et de Babel.
{ "compilerOptions": { "isolatedModules": true } }

verbatimModuleSyntax

Impose l’utilisation de import type pour les imports de types uniquement. Cette option remplace l’ancienne option importsNotUsedAsValues.
{ "compilerOptions": { "verbatimModuleSyntax": true } }

Paramètre jsx

Pour les projets React, définissez jsx sur react-jsx ou react.
{ "compilerOptions": { "jsx": "react-jsx" } }

resolveJsonModule

Permet d’importer des fichiers JSON avec inférence de type.
{ "compilerOptions": { "resolveJsonModule": true } }

Vérification rapide

Que contrôle l’option `target` dans tsconfig ?

Récapitulatif

Configuration des modules et de la cible : vous avez maîtrisé les concepts et modèles clés.

Questions Fréquemment Posées

La leçon « Configuration des modules et de la cible » est-elle gratuite ?

Oui — le texte complet de « Configuration des modules et de la cible » 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 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Configuration des modules et de la cible » ?

Choisissez les paramètres corrects pour module, target et lib 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 2 sur 4.

Combien de temps prend la leçon « Configuration des modules et de la cible » ?

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. L’option strict et ce qu’elle permet
  2. Configuration des modules et de la cible
  3. Alias de chemins et baseUrl
  4. Compilations incrémentielles et fichiers de déclarations
← Retour à TypeScript Academy