步骤

Edge扩展

Edge的扩展位置为

C:\Users\你的用户名\AppData\Local\Microsoft\Edge\User Data\Default\Extensions

我们可以看到这样的文件夹

image-20220510165407774

Edge中输入

edge://extensions/

进入扩展页面

在浏览器中找到所需扩展的ID

image-20220510164737155

我这里需要的是 kmpfgkgaimakokfhgdahhiaaiidiphco

项目根目录添加文件夹 extensions

把我们所需的扩展添加进来

加载扩展

Electron 9及以上

const { app, session } = require('electron')
const path = require('path')
app.on('ready', async () => {
    let extension_path = path.join(
        process.cwd(),
        "extensions",
        "kmpfgkgaimakokfhgdahhiaaiidiphco",
        "2.3.0_0"
    await session.defaultSession.loadExtension(
        extension_path,
        // 打开本地文件也应用拓展
        {allowFileAccess: true}
})

Electron 9以下

const path = require('path')
let extension_path = path.join(
    process.cwd(),
    "extensions",
    "kmpfgkgaimakokfhgdahhiaaiidiphco",
    "2.3.0_0"
BrowserWindow.addDevToolsExtension(extension_path)

注意

不支持打包后的扩展(如 .crx 文件) 运行时会报好多警告，不影响插件加载。

打包可用

为了保证 开发时 和 打包后 扩展均可用

1. main.js 中扩展根目录路径使用 process.cwd() 获取
2. package.json 中 extraFiles 中添加扩展文件夹

{
  "build": {
    "files": [
      "main.js",
      "*.html",
      "images/**/*",
      "app.ico",
      "node_modules/**/*"