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?