Configurare cu tsconfig.json

Fișierul tsconfig.json specifică directorul rădăcină al unui proiect TypeScript și opțiunile compilatorului necesare pentru a construi proiectul.

Ori de câte ori rulați tsc într-un director de proiect, compilatorul caută acest fișier pentru a ghida comportamentul său de compilare.

Structura unui fișier tsconfig.json

Un fișier de configurare tipic arată astfel:

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

Principalele proprietăți sunt:

• compilerOptions: Setări pentru compilator.
• include: Specifică fișierele sau folderele de compilat.
• exclude: Specifică fișierele sau folderele de ignorat în timpul compilării.

Opțiuni de compilare cheie

Iată câteva dintre cele mai importante setări de știut:

1. target: Specifică versiunea JavaScript rezultată de către compilator (de exemplu, es5, es6/es2015, es2020, esnext).
2. module: Specifică sistemul de module utilizat în codul compilat (de exemplu, commonjs, esnext, node16).
3. strict: permite o suită largă de comportamente riguroase de verificare a tipului. Este foarte recomandat să setați acest lucru la true pentru o siguranță maximă a tipului. Permite opțiuni precum:
   • noImplicitAny: generează o eroare la expresiile și declarațiile cu un tip implicit any atunci când nu este furnizată nicio adnotare de tip.
   • strictNullChecks: Împiedică atribuirea null sau undefined la tipurile care nu le includ în mod explicit în uniunea lor.

Încercați-l singur

Exercițiul 1: Gestionarea strictNullChecks

Exercițiul 2: Tastare strictă fără niciunul implicit