简介
Electron 是一款流行的跨平台桌面应用程序开发框架，它能够使用 JavaScript, HTML 和 CSS 来构建桌面应用。electron-compilers 是一个 npm 包，它能够帮助我们使用其他编程语言（如 TypeScript, CoffeeScript, 等）来编写 Electron 应用程序。
本文将介绍如何安装和使用 electron-compilers 包，以及如何使用它来编写一个 TypeScript 的 Electron 应用程序。
安装
electron-compilers 包可以很方便的使用 npm 安装。打开命令行终端，执行下面的命令即可：
npm install electron-compilers
使用
TypeScript 示例
在使用 electron-compilers 编写 Electron 应用程序前，我们需要在项目目录下（通常是项目的根目录）添加一个 .compilerc 的文件。该文件应该包含一个 JSON 对象，描述我们所使用的编译器信息。以下是一个使用 TypeScript 来编写 Electron 应用程序的示例。
{
"compiler": "electron-compilers/typescript",
"src": "src",
"dest": "out"
}compiler属性指定了所使用的编译器，这里是typescript编译器。src属性指定了源代码目录。dest属性指定了编译产物（即编译后生成的 JavaScript 代码）所存放的目录。
在添加了 .compilerc 文件后，我们就可以编写一个 TypeScript 的 Electron 应用程序了。以下是一个简单示例：
-- -------------------- ---- -------
------ - ---- ------------- - ---- -----------
-------- -------------- -
----- --- - --- ---------------
------ ----
------- ----
--------------- -
---------------- -----
--
---
---------------------------
-------------------------------
-
----------------------- -- -
---------------
------------------ -- -- -
-- ------------------------------------- --- -- -
---------------
-
---
---
--------------------------- -- -- -
-- ----------------- --- --------- -
-----------
-
---这是一个最简单的 Electron 应用程序，它创建了一个窗口并打开了 index.html 文件。我们需要将该文件保存在 src 目录下，然后使用以下命令编译 TypeScript 代码：
electron-compilers ./src/main.ts
执行上述命令将编译 src/main.ts 文件，并将编译产物保存在 out 目录下。我们可以执行以下命令来启动 Electron 应用程序：
electron ./out/main.js
由于 Electron 意味着使用 Node，我们需要添加 "type": "module" 到 package.json 下，使得 Node 可以理解 ES6 模块语法。
至此，我们成功地使用 TypeScript 来编写了一个简单的 Electron 应用程序！
结论
通过使用 electron-compilers，我们可以在 Electron 应用程序中使用其他编程语言编写代码，而无需手动控制编译过程。希望今天的介绍对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f431b9edbf7be33b256730c