Tsconfig-Referenzen in TypeScript

Rana Hasnain Khan 21 Juni 2023
Tsconfig-Referenzen in TypeScript

Wir werden tsconfig-Referenzen in TypeScript einführen.

die tsconfig-Referenzen in TypeScript

Die tsconfig-Datei ermöglicht es uns, die verschiedenen Teile der Anwendung als separate TypeScript-Module zu definieren. Diese Datei ermöglicht es uns, jedes Modul anders zu konfigurieren und sie entsprechend den Anforderungen unserer Anwendung zu erstellen.

In TypeScript 3.0 wurden einige wichtige Änderungen eingeführt. Die Datei tsconfig.json wurde in tsconfig-base.json umbenannt.

Dadurch wird der Stammordner nicht als TypeScript-Projekt betrachtet, da TypeScript erfordert, dass tsconfig.json vorhanden ist, um das Verzeichnis als TypeScript-Projekt zu betrachten.

Die aktuelle Projektstruktur ist wie unten dargestellt.

tsproject/
    src/
        entity.ts # exports an entity
        tsconfig.json
    test/
        entity.spec.ts # imports an entity
        tsconfig.json
    tsconfig-base.json

Wie wir aus dem obigen Beispiel sehen können, enthalten sowohl src als auch test jetzt tsconfig.json-Dateien in sich; Aus diesem Grund werden sie als separate Projekte betrachtet. Aber wenn wir uns den Inhalt beider Dateien ansehen, sind sie ähnlich.

Gleichzeitig werden alle Konfigurationen in der Datei tsconfig-base.json gespeichert, die dann von beiden tsconfig.json-Dateien vererbt wird.

Nun sollten wir uns fragen, wie die Ordner src und test verknüpft sind, damit die Dinge funktionieren, und wie eine Beziehung zwischen diesen Ordnern hergestellt wird. In der Version TypeScript 3.0 werden beide Ordner von außen referenziert, indem sie als composite deklariert werden.

Die Inhalte der Konfigurationsdateien src und test sind unten dargestellt.

// src configuration in /src/tsconfig.json
{
    "extends": "../tsconfig-base.json",
    "compilerOptions": {
        // compiler options
        "composite": true
    }
}
// test configuration in /test/tsconfig.json
{
    "extends": "../tsconfig-base.json",
        "references": [
        { "path": "../src" }
    ]
}

Lassen Sie uns nun besprechen, wie wir Tests durchführen können. Bevor wir Tests durchführen, müssen wir sicherstellen, dass wir src gebaut haben.

Wir können es einfach erstellen, indem wir den folgenden Befehl in der Konsole verwenden, wie unten gezeigt.

tsc --build src
Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn