Electron升级构建适配M1芯片Mac指南

后写在开头

• 由于最新的Electron已经支持了M1芯片，arm架构下的Mac

• 在开发桌面软件时候不可避免的需要打包自测，那么在M1芯片上的Mac打包适配自己的软件也是应该的

• 那么现在制作Electron桌面软件，应该是适配linux,windows,mac os(x86架构，arm架构)四个系统环境

为什么写这个文章

• 我使用的一些软件，竟然现在还不支持arm架构的Mac，更新速度太慢了，明明都是依赖Electron,其实大部分软件升级适配成本不高,桌面软件开发者们赶紧升级吧

背景

• Electron不支持xp系统，只要node.js升级后基本上它就会发布升级版本（如果你要兼容xp系统请使用nw.js等）

• 目前node.js最新版本15.x已经适配了arm架构下的Mac，electron11.0.0版本也已经支持在arm架构下的Mac运行了,我需要在自己电脑上自测自己开发的软件兼容性，所以这次需要升级Electron版本和各种插件等

开始

• 首先升级Electron到11.0.0版本

yarn add [email protected] --save

• 升级electron-builder到22.9.1版本以上

yarn add electron-builder@^22.9.1 -D

• 修改package.json的build字段中Mac的值：

“mac”: {
      "target": {
        "target": "dmg",
        "arch": [
          "arm64",
          "x64"
        ]
      }
}

• 构建，一直报错。反正各种奇奇怪怪的错误，后面我发现是我配置有点问题，最终在这里找到了

https://github.com/electron-userland/electron-builder/issues/5392

• 修改配置为

"mac": {
      "target" : { "target": "dir", "arch": "arm64" }
},

• 同时修改打包构建arm架构下命令为:

electron-builder build --arm64

最终

• 升级适配成功

• 打包的是dmg,实际上可以直接打开

• 一个很简短却很实用的教程，如果你的应用刚好要升级兼容M1，那么赶紧升级吧！

• 后续写作计划：如何做好一个前端面试官 、 由CDN 导致两家公司的生产事故 
  

• 如果觉得写得不错，那么点个在看/赞，点个关注 【前端巅峰】支持下我的原创吧