Configurazione con tsconfig.json

Il file tsconfig.json definisce la directory radice del progetto TypeScript e specifica le opzioni di compilazione necessarie per compilare il progetto.

Quando esegui tsc nella cartella di un progetto, il compilatore cerca questo file per capire come comportarsi.

Struttura del file tsconfig.json

Un file di configurazione tipico si presenta così:

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

Le chiavi principali sono:

• compilerOptions: Le impostazioni per il compilatore.
• include: I file o le cartelle che devono essere compilati.
• exclude: I file o le cartelle da ignorare durante la compilazione.

Opzioni del Compilatore Chiave

Ecco le opzioni più importanti da conoscere:

1. target: Specifica la versione di JavaScript generata in output (es. es5, es6/es2015, es2020, esnext).
2. module: Specifica il sistema di moduli da usare nell'output (es. commonjs, esnext, node16).
3. strict: Abilita un ampio gruppo di controlli di tipo rigorosi. È altamente raccomandato impostarlo a true per massimizzare la sicurezza del codice. Abilita opzioni come:
   • noImplicitAny: Genera un errore se manca l'annotazione di tipo per parametri che altrimenti verrebbero dedotti come any.
   • strictNullChecks: Impedisce l'assegnazione di null o undefined a tipi che non li prevedono esplicitamente nella loro unione.

Prova tu

Esercizio 1: Gestione di strictNullChecks

Esercizio 2: Tipizzazione Rigida senza Implicit Any