Configuratie met tsconfig.json

Het bestand tsconfig.json specificeert de hoofdmap van een TypeScript-project en de compileropties die nodig zijn om het project te bouwen.

Telkens wanneer u tsc in een projectmap uitvoert, zoekt de compiler naar dit bestand om het compilatiegedrag te begeleiden.

Structuur van een tsconfig.json bestand

Een typisch configuratiebestand ziet er als volgt uit:

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

De belangrijkste eigenschappen zijn:

• compilerOptions: Instellingen voor de compiler.
• include: specificeert de bestanden of mappen die moeten worden gecompileerd.
• exclude: specificeert de bestanden of mappen die tijdens het compileren moeten worden genegeerd.

Belangrijkste compileropties

Hier zijn enkele van de belangrijkste instellingen die u moet kennen:

1. target: Specificeert de versie van JavaScript-uitvoer door de compiler (bijvoorbeeld es5, es6/es2015, es2020, esnext).
2. module: Specificeert het modulesysteem dat in de gecompileerde code wordt gebruikt (bijvoorbeeld commonjs, esnext, node16).
3. strict: Maakt een breed scala aan rigoureuze typecontroles mogelijk. Het wordt ten zeerste aanbevolen om dit in te stellen op true voor maximale typeveiligheid. Het maakt opties mogelijk zoals:
   • noImplicitAny: geeft een foutmelding bij expressies en declaraties met een impliciet type any wanneer er geen typeannotatie is opgegeven.
   • strictNullChecks: Voorkomt het toewijzen van null of undefined aan typen die deze niet expliciet in hun vereniging opnemen.

Probeer het zelf

Oefening 1: omgaan met strictNullChecks

Oefening 2: Strikt typen zonder impliciet