主进程

在 Electron 中,运行 package.json 主脚本的过程称为主进程 (main process)。在主进程中运行的脚本可以通过创建网页来显示其图形化界面。

摘自 Electron 文档


由于 main 进程本质上是一个完整的 node 环境,所以除了以下两个文件之外,并没有什么初始的项目结构。

src/main/index.js

这个文件是你应用程序的主文件,electron 也从这里启动。它也被用作 webpack 产品构建的入口文件。所有的 main 进程工作都应该从这里开始。

app/src/main/index.dev.js

这个文件专门用于开发阶段,因为它会安装 electron-debugvue-devtools。一般不需要修改此文件,但它可以用于扩展你开发的需求。

关于 __dirname__filename 的使用

由于 main 进程是使用 webpack 来绑定的,所以使用 __dirname__filename 将不会 在产品阶段给你提供一个预期的值。若参考 文件树 你会注意到,在产品阶段,main.js 被放在了 dist/electron 文件夹里面。应根据此点相应地使用 __dirname__filename

如果你需要 static/ 资源目录的路径,请务必阅读 使用静态资源 学习了解非常方便的 __static 变量。

  1. app.asar
  2. ├─ dist
  3. └─ electron
  4. ├─ static/
  5. ├─ index.html
  6. ├─ main.js
  7. └─ renderer.js
  8. ├─ node_modules/
  9. └─ package.json