Wie man ein einzelnes ES6-Modul aus mehreren TypeScript-Dateien erstellt (für eine Frontend-Bibliothek)

Der Code meiner Frontend-Bibliothek ist in mehrere Quelldateien aufgeteilt.

Beispiel

// a.ts
function a() {}

// b.ts
function b() {}

// main.ts
const myLib = {
    a: a,
    b: b
}

Ich muss ein ES6-Modul (dh eine JavaScript-Datei) erstellen, das nur @ exportiermyLib, als Standardexport.

Ich sehe zwei Möglichkeiten. Der erste

Lauftsc, um jede Datei in JavaScript zu kompilieren; Verknüpfen Sie alle generierten JS-Dateien zu einer einzigen Dateimy-lib.js;Hängen Sie den von ES6 benötigten Code an export …).

Der zweite

Verknüpfen Sie alle TypeScript-Dateien zu einer einzigen Dateimy-lib.ts; Export anhängen:export default myLib;Lauftsc in der verketteten Datei.

Beide Optionen sind hässlich und verlieren diemap Datei

Gibt es einen besseren Weg, das zu tun?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage