在渲染器中導入Typescript模塊

Question

我正在嘗試在Electron的渲染器過程中導入Typescript類。

我遇到的問題是，我無法在渲染器過程中使用“ import”關鍵字。 這是因為我不能在客戶端（僅在服務器端）使用commonJS作為模塊導入器。

我不知道如何導入已導出的這些類。

我做了一個要點試圖解釋https://gist.github.com/kvikende/0fb762e38fc0d1bfe1aebf786fd2ca59

Tldr：import關鍵字失敗，出現“ Uncaught ReferenceError：未定義導出”。 使用const dataset = require("./dataset"); 實際上不導入我導出的類。

我想念什么？

Answer 1

當我編寫將在客戶端和服務器上使用的模塊時，我使用模塊標志以UMD格式編譯該模塊：

tsc --module umd app.ts

然后，您可以使用標准導入：

import * as MyModule from './MyModule';

它們可以與commonjs和AMD模塊加載器一起使用（例如，您可以在瀏覽器中使用require.js ）。