Configuration avec tsconfig.json

Le fichier tsconfig.json définit le répertoire racine du projet TypeScript et spécifie les options de compilation requises pour compiler le projet.

Lorsque vous exécutez tsc dans le dossier d'un projet, le compilateur recherche ce fichier pour comprendre comment se comporter.

Structure du fichier tsconfig.json

Un fichier de configuration typique ressemble à ceci :

{
  "compilerOptions": {
    "target": "es2022",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "**/*.spec.ts"]
}

Les clés principales sont :

• compilerOptions : Les paramètres du compilateur.
• include : Les fichiers ou dossiers qui doivent être compilés.
• exclude : Les fichiers ou dossiers à ignorer lors de la compilation.

Options clés du compilateur

Voici les options les plus importantes à connaître :

1. target : Spécifie la version de JavaScript générée en sortie (ex. es5, es6/es2015, es2020, esnext).
2. module : Spécifie le système de modules à utiliser dans la sortie (ex. commonjs, esnext, node16).
3. strict : Active un large groupe de vérifications de types strictes. Il est fortement recommandé de le définir sur true pour maximiser la sécurité du code. Il active des options telles que :
   • noImplicitAny : Génère une erreur si l'annotation de type est manquante pour des paramètres qui seraient sinon déduits comme any.
   • strictNullChecks : Empêche l'assignation de null ou undefined à des types qui ne les prévoient pas explicitement dans leur union.

À vous de jouer

Exercice 1 : Gestion de strictNullChecks

Exercice 2 : Typage strict sans Implicit Any