electron 切换至esm

前言

好消息,经过不知道多少年的讨论。

electron@28.0.0开始(23.08.31),默认支持esm了。

see

https://github.com/electron/electron/issues/21457

使用方法

  • 升级至electron@^28.0.0
  • 简单地在package.json中添加"type": "module"
  • 把所有.js 文件中的require, module.exports 改成 import from , export 语法。(除了preload.js)
  • 注意,esm的import语法中,文件后缀名.js不再能省略,必须显式提供。
  • 注意,esm中普通成员要用export { myFunc } 的方式提供。
  • 修复__filename__dirname缺失问题
js 复制代码
import path from 'path';
import { fileURLToPath } from 'url';
const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename)

打包

直接用老版本工具打包会报错。

需要更新到 @electron/forge@&7.0.0 才能支持esm。

https://github.com/electron/forge/releases/tag/v7.0.0

其他事项

如果使用了sandbox, preload.js 还是在node环境中执行的,因此仍然采用require()语法。

也能使用__filename__dirname

见官方文档。

https://www.electronjs.org/zh/docs/latest/tutorial/esm

相关推荐
Hyyy7 小时前
理解LLM的基本工作原理:预训练、微调、推理的区别
前端
Gatlin7 小时前
前端逆向与反逆向:一场猫鼠游戏的底层逻辑与实战
前端
代码煮茶7 小时前
React 组件封装方法论 —— 以 Todo App 为例
javascript·react.js
Pedantic7 小时前
本地通知(Local Notifications)学习笔记
前端
任沫8 小时前
Agent之Function Call
javascript·人工智能·go
森蓝情丶8 小时前
我给 AI 搭了个法庭:一个前端仔的 LangGraph 实战全记录
前端·后端
爱勇宝8 小时前
干了近 8 年,一夜之间被裁:AI 时代,程序员最该害怕的不是 AI
前端·后端·程序员
Pedantic8 小时前
Combine 框架学习笔记
前端
runnerdancer9 小时前
Agent如何加载执行Skill的脚本
前端·agent
yingyima9 小时前
VS Code 正则替换技巧:从凌晨3点的服务器报警开始
前端