7 Transcompiling von TypeScript

Transcompiling, auch als Source-to-Source-Kompilierung oder Transpilation bekannt, ist der Prozess der Umwandlung von Quellcode aus einer Sprache in eine andere auf derselben Abstraktionsebene. In Bezug auf TypeScript bedeutet das die Umwandlung (Transpilierung) von TypeScript-Code in JavaScript-Code.

Da Browser und Node.js nativ JavaScript und nicht TypeScript verstehen, muss der TypeScript-Code transpiliert werden, bevor er ausgeführt werden kann. Der TypeScript-Compiler (tsc) ist dafür verantwortlich.

Hier ist eine einfache Anleitung, wie Sie TypeScript-Code in JavaScript-Code transpilieren können:

  1. Installieren Sie TypeScript: Wenn Sie TypeScript noch nicht installiert haben, können Sie es mit Node.js und npm (Node Package Manager) installieren. Führen Sie dazu den folgenden Befehl in Ihrem Terminal aus:

    npm install -g typescript

  2. Schreiben Sie TypeScript-Code: Erstellen Sie eine Datei mit der Endung .ts und schreiben Sie Ihren TypeScript-Code. Zum Beispiel könnten Sie eine Datei namens hello.ts mit folgendem Inhalt erstellen:

    let hello: string = "Hello, World!";
console.log(hello);

  3. Transpilieren Sie den TypeScript-Code: Verwenden Sie den TypeScript-Compiler (tsc), um den TypeScript-Code in JavaScript-Code zu transpilieren. Führen Sie dazu den folgenden Befehl in Ihrem Terminal aus:

    tsc hello.ts

    Dieser Befehl erzeugt eine neue Datei namens hello.js mit dem transpilierten JavaScript-Code:

    var hello = "Hello, World!";
console.log(hello);

  4. Führen Sie den JavaScript-Code aus: Sie können nun den JavaScript-Code in einer JavaScript-Laufzeitumgebung ausführen, z. B. in einem Browser oder in Node.js.

node hello.js

Es ist zu beachten, dass der TypeScript-Compiler sehr anpassungsfähig ist und durch eine Konfigurationsdatei namens tsconfig.json gesteuert wird. Mit dieser Datei können Sie festlegen, welche JavaScript-Version Sie als Ziel haben, welche TypeScript-Dateien kompiliert werden sollen, ob Quellkarten erzeugt werden sollen und viele andere Optionen.