1.前言：
我是用的是electron-builder打包工具，要在linux下打包成amd64架构的APPimage文件，以及arm64架构的APPimage文件。
ps:
appimage是linux下的标准可执行文件，当然你也可以选择其他格式比如deb，但是我感觉还是APPimage比较好，我后续是要在基于linux系统的国产操作系统UOS(统信）下安装，只需要将APPimage文件打包为deb安装包即可。
至于为啥不直接打包deb,是因为就算我使用electron-builder打包成deb文件，但是因为目录结构等原因还是要重新打包，且APPimage几乎可以在任何基于linux系统的环境中运行，所以基于以上原因，我选择打包成APPimage
2.思路
第一点 ，我平时是在Windows系统下开发，要想打包成成linux amd64的APPimage文件，需要在linux环境下，于是我下载虚拟机（vmware）安装乌班图系统。
第二点，在linux下可以打包成arm64或者amd64架构的包,但要想运行arm64架构的APPimage包需要在arm架构的机器下，我使用的是苹果电脑，下载虚拟机，然后安装arm架构的系统，比如UOS的arm版本
3.打包步骤
其实打包就是修改electron-builder的配置文件，先说几个特别需要注意的，尤其是第一条。
1.在Linux下打包，package.json中必须配置homepage，就是主页信息，比如：https://www.baodu.com,如果报错说缺少author或者email，你就按我下面的写，我之前被狠狠狠的坑了一把，明明都写了email，author等信息还是一直报错说email没配置，原来是格式不对…
"author": "xxx, Inc <xx@gmail.com>"
2.可以用配置文件配置，也可以直接在package.json中写，我是在单独文件中配置的。比较重要的字段是target，意思是打包成的文件格式，还有一个是arch代表架构，amd64就写x64.
4.我的配置（可参考我的配置）
第一个是新建electron-builder.yaml文件
appId: 'io.xx.xx' productName: 'xx' copyright: Copyright © 2021 xx directories: buildResources: resources output: release/ app: . #artifactName: ${productName}-${version}-${platform}-${arch}.${ext} asar: true publish: - provider: 'generic' url: https://www.baidu.com mac: artifactName: ${productName}-${version}-darwin-${arch}.${ext} target: - target: dmg arch: - x64 - arm64 icon: 'app/assets/xx.icns' //图片文件的路径 linux: artifactName: ${productName}-${version}-linux-amd64.${ext} target: - target: AppImage //打包成什么类型的文件 arch: - x64 // x64 == amd64 == x86_64 win: artifactName: ${productName}-${version}-windows-amd64.${ext} target: - target: nsis arch: - x64 icon: 'app/assets/dwicologo.ico' #publish: # - provider: generic # url: https://update.electron-builder.com # channel: latest releaseInfo: releaseName: ${version} releaseNotes: 'view github release: https://github.com/yaklang/yakit/releases'
然后是pachage.json配置
{ "name": "名称", "version": "版本", "description": "描述信息", "main": "app/main/index.js",//主程序 "homepage": "主页", "author": "xx, Inc <xx@mail.com>", "scripts": { "start-electron": "electron .", "install-render": "cd app/renderer/src/main && yarn install", "start-render": "cd app/renderer/src/main && yarn electron-render", "build-render": "cd app/renderer/src/main && yarn build", "dev": "concurrently -k \"yarn start-render\" \"wait-on tcp:3000 && yarn start-electron \" ", "postinstall": "electron-builder install-app-deps", "pack-win": "electron-builder build --win --x64", "pack-mac": "electron-builder build --mac --x64", "pack-mac-arm64": "electron-builder build --mac --arm64", "pack-linux": "electron-builder build --linux --armv7l", "electron-publish": "electron-builder --publish always -mwl" }, "keywords": [], "license": "ISC", }
总结：
这篇文章主要讲的是，electron使用electron-builder是如何打包的，我们可以通过修改electron-builder.yaml配置文件和package的script配置进行打包，需要注意的是，Windows下无法打linux版本的包，如果你要打linux系统的amd64架构需要找一台linux amd64的系统打包，也可以在amd64下打arm架构的包，但是不能运行，需要放到arm架构的系统里才能运行。
