🔄 Compilation TypeScript vers JavaScript

🛠️ Que fait la commande tsc ?

La commande tsc signifie TypeScript Compiler. Elle lit ton fichier TypeScript, vérifie s’il est correct, puis génère automatiquement un fichier JavaScript correspondant.

Par exemple :

📋 Copier le code

tsc index.ts

Cela génère un fichier index.js dans le même dossier.

⚙️ Le rôle du fichier tsconfig.json

Ce fichier est généré automatiquement avec la commande :

📋 Copier le code

tsc --init

Il sert à configurer le comportement de la compilation. Tu peux y définir :

• Le dossier source et le dossier de sortie
• Le niveau de vérification des types
• La version de JavaScript cible
• Les fichiers à exclure ou inclure

📁 Exemple simplifié de tsconfig.json

📋 Copier le code

{
  "compilerOptions": {
    "target": "ES6",
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true
  }
}

Dans cet exemple :

• target : indique que la sortie JavaScript doit être compatible ES6
• outDir : indique le dossier où placer les fichiers compilés
• rootDir : indique le dossier des fichiers sources TypeScript
• strict : active toutes les vérifications strictes du typage

⚡ Compilation automatique (watch mode)

Tu peux lancer la compilation automatique à chaque modification avec l’option --watch :

📋 Copier le code

tsc --watch

Cette commande surveille ton projet, et compile dès que tu enregistres un fichier .ts. Très pratique pendant le développement.

📌 Résumé

• tsc fichier.ts compile manuellement
• tsconfig.json permet de personnaliser la compilation
• tsc --watch compile automatiquement à chaque modification

🧭 Prochaine étape

Dans le prochain chapitre, nous allons explorer les types de base en TypeScript : string, number, boolean, null, undefined. Ce sera notre première vraie immersion dans le typage.

Souhaites-tu passer au Chapitre 4 : Les types primitifs en TypeScript ?