javascript - 使用 create-react-app 时如何获取 electro.js 文件的 typescript

Question

在所有解释如何将 create-react-app 与 electro 结合使用的文章中(例如: https://www.codementor.io/randyfindley/how-to-build-an-electron-app-using-create-react-app-and-electron-builder-ss1k0sfer )，他们都提到 electro.js 文件应放置在 public 文件夹中。

我也想为这个 electro.js 有 typescript 定义(因为我也在 react 应用程序中使用 typescript )。我该怎么做？

Answer 1

我花了相当多的时间在一个 Electron 项目上工作，并创建了一个使用 Electron + TypeScript(非常严格)+ Create React App(非弹出)的入门工具包。我认为您可能会发现它作为一个起点很有用，即使可能有一些您可能不需要的其他工具。

查看 electron branch of Foldable更多细节。特别感兴趣的是 src/electron.ts , package.json和公共(public)目录。

快速为您提供一些可能对您的问题有用的附加要点:

1. 可以在“main”下的 package.json 中配置 Electron 的入口脚本
2. 您将需要使用 TSC 或其他 typescript 编译器来处理 Electron 的“主线程”或节点部分。这与 CRA 是分开的。或者，您可以使用纯 JavaScript 来进行更简单的设置。
3. 我的公共(public)文件夹中唯一的东西是 html 文件减去 javascript 导入(因为它们是自动注入(inject)的)