Electron 项目使用官方组件 electron-builder 进行跨架构打包

Electron 项目使用官方组件 electron-builder 进行跨架构打包

一、官方组件electron-builder介绍

Electron官方提供的electron-builder组件核心功能包括:

  • 跨平台的安装包生成
  • 支持多种安装包格式(如dmg、exe、deb、rpm等)

核心资源

二、接入核心步骤

可用来参考的 electron-demo项目地址

1. 安装官方更新组件

2. 修改 package.json 文件,增加打包配置项

复制代码
    "build": {
        "appId": "com.example.electron-updater-demo",
        "productName": "electron-demo",
        "publish": {
          "provider": "generic",
          "url": "./dist/"
        },
        "mac": {
          "category": "public.app-category.developer-tools",
          "artifactName": "${productName}-${version}-mac-${arch}.${ext}"
        },
        "linux": {
          "target": [
            "AppImage"
          ],
          "category": "Utility",
          "artifactName": "${productName}-${version}-linux-${arch}.${ext}"
        },
        "win": {
          "target": [
            "nsis"
          ],
          "icon": "build/icon.ico",
          "artifactName": "${productName}-${version}-win-${arch}.${ext}"
        }
    },

3. 增加打包命令,增加打包配置项, 配置上不同端的打包命令

复制代码
    "scripts": {
        "build:mac-arm64": "yarn electron-builder --mac --arm64 --publish always --config.publish.channel=latest-arm64",
        "build:mac-x64": "yarn electron-builder --mac --x64 --publish always --config.publish.channel=latest-x64",
        "build:win-x64": "yarn electron-builder --win --x64 --publish always --config.publish.channel=latest-win-x64",
        "build:linux-arm64": "yarn electron-builder --linux --arm64 --publish always --config.publish.channel=latest-linux-arm64",
        "build:linux-x64": "yarn electron-builder --linux --x64 --publish always --config.publish.channel=latest-linux-x64",
    },

4. 执行对应打包命令,即可生成对应安装包

  • 执行 build:mac-arm64 即可生成 mac arm64 安装包
  • 执行 build:mac-x64 即可生成 mac x64 安装包
  • 执行 build:win-x64 即可生成 win x64 安装包
  • 执行 build:linux-arm64 即可生成 linux arm64 安装包
  • 执行 build:linux-x64 即可生成 linux x64 安装包

以上是接入指南。如果需要调整内容详略或补充特定场景说明,欢迎告知具体需求。

相关推荐
IT_陈寒6 小时前
Vite的alias配置把我整不会了,原来是这个坑
前端·人工智能·后端
万物得其道者成6 小时前
Cursor 提效实战:我的前端 Prompt、审查 SKILL、MCP 接入完整方法
前端·prompt
酒鼎7 小时前
学习笔记(12-02)事件循环 - 实战案例 —⭐
前端·javascript
Bigger7 小时前
第一章:我是如何剖析 Claude Code 整体架构与启动流程的
前端·aigc·claude
小恰学逆向7 小时前
【爬虫JS逆向之旅】某球网参数“md5__1038”逆向
javascript·爬虫
竹林8187 小时前
从“连接失败”到丝滑登录:我用 ethers.js v6 搞定 MetaMask 钱包连接的全过程
前端·javascript
oi..7 小时前
《Web 安全入门|XSS 漏洞原理、CSP 策略与 HttpOnly 防护实践》
前端·网络·测试工具·安全·web安全·xss
UXbot7 小时前
2026年AI全链路产品开发工具对比:5款从创意到上线一站式平台深度解析
前端·ui·kotlin·软件构建·swift·原型模式
一拳不是超人7 小时前
前端工程师也要懂的服务器部署知识:从 Nginx 到 CI/CD
服务器·前端
AlkaidSTART8 小时前
TanStack Query 技术指南:异步状态管理核心实践
前端·react.js