Konfiguration mit tsconfig.json

Die Datei tsconfig.json definiert das Stammverzeichnis des TypeScript-Projekts und spezifiziert die Compiler-Optionen, die zum Kompilieren des Projekts erforderlich sind.

Wenn Sie tsc im Ordner eines Projekts ausführen, sucht der Compiler nach dieser Datei, um zu wissen, wie er sich verhalten soll.

Struktur der Datei tsconfig.json

Eine typische Konfigurationsdatei sieht so aus:

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

Die wichtigsten Schlüssel sind:

• compilerOptions: Die Einstellungen für den Compiler.
• include: Die Dateien oder Ordner, die kompiliert werden sollen.
• exclude: Die Dateien oder Ordner, die beim Kompilieren ignoriert werden sollen.

Wichtige Compiler-Optionen

Hier sind die wichtigsten Optionen, die Sie kennen sollten:

1. target: Gibt die in der Ausgabe generierte JavaScript-Version an (z. B. es5, es6/es2015, es2020, esnext).
2. module: Gibt das in der Ausgabe zu verwendende Modulsystem an (z. B. commonjs, esnext, node16).
3. strict: Aktiviert eine breite Palette strenger Typprüfungen. Es wird dringend empfohlen, diese Option auf true zu setzen, um die Codesicherheit zu maximieren. Sie aktiviert Optionen wie:
   • noImplicitAny: Erzeugt einen Fehler, wenn die Typannotation für Parameter fehlt, die andernfalls als any abgeleitet würden.
   • strictNullChecks: Verhindert die Zuweisung von null or undefined an Typen, die diese in ihrer Union nicht explizit vorsehen.

Probier es aus

Aufgabe 1: Handhabung von strictNullChecks

Aufgabe 2: Strenge Typisierung ohne Implicit Any