在Electron的预装脚本中使用typescript

Posted 2021-04-08

我使用电子伪造的react-typescript模板构建了一个Electron应用程序，这意味着它使用了电子预编译，根据the only documentation I can find应该可以正常工作。

index.html包含正常工作的typescript，正如所宣传的那样。但我也使用带有预加载脚本的webview tag，以显示外部网站并对其进行修改。这是我正在使用的代码：

<webview id="webview" preload="./preload.ts" webpreferences="contextIsolation, webSecurity=no" src="https://example.com"></webview>

这个预加载脚本相当复杂，我很乐意使用打字稿。但它显然被解析为javascript，任何类型的注释都会导致语法错误。是否有一个技巧使这个工作与打字稿？如果我必须手动调用转换器，我如何将其与electronic-forge的构建过程集成？

tl; dr：preload脚本被解析为javascript，尽管打字稿“正常工作”在其他地方，我也想在这里使用打字稿

答案

预加载脚本是另外一种，你不能直接在那里指点打字稿。只有可能的方法是制作javascript预装脚本，其中bootstraps电子编译在里面（因为你使用的是电子预编译），并且需要其中的打字稿文件。它有点冗长，需要额外的开销，老实说，我没有强烈推荐它。