macos上electron交叉构建manjaro包

创建于 2026-10-15 最后更新于 2026-10-15 查看修改历史

笔记修改历史 ×
日期备注

前言

自己做了一套koel的桌面端UI,因为用网页版怎么用都不习惯,打包成macos和manjaro桌面端后体验感拉满,DIY自己的”Spotify”音乐播放器用起来很安心。

打包环境

组件 版本
操作系统 macOS 14.5 (Sonoma)
CPU 架构 Apple Silicon (arm64)
Xcode 版本 15.4
Chromium内核 130.0.6723.191
Node.js(内置) 20.18.0
V8引擎(内置) 13.0
Electron 33.4.11
electron-builder 26.15.3
@electron/asar 3.4.1
@electron/fuses 1.8.0

构建

编辑package.json配置

{
  "name": "koel-electron",
  "version": "1.0.0",
  "description": "Koel Music Player",
  "homepage": "https://koel.dev",
  "author": {
    "name": "Koel",
    "email": "Koel@Koel.com"
  },
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build:mac": "electron-builder --mac",
    "build:linux": "electron-builder --linux AppImage pacman --x64"
  },
  "build": {
    "appId": "com.koel.app",
    "productName": "Koel",
    "mac": {
      "icon": "../koel/resources/assets/img/icon.png",
      "target": [
        "dmg"
      ]
    },
    "linux": {
      "icon": "../koel/resources/assets/img/icon.png",
      "target": [
        "AppImage",
        "pacman"
      ],
      "category": "AudioVideo"
    }
  },
  "devDependencies": {
    "electron": "^33.0.0",
    "electron-builder": "^26.15.3"
  }
}

这里加了"category": "AudioVideo"是为了在开始菜单影音中出现。

还有CPU架构,我的manjaro用的CPU是N100,编译配置里注意要对应Intel x86_64的项目。

    "build:linux": "electron-builder --linux AppImage pacman --x64"

编译

npm run build:linux

安装

有两种打开方式:
AppImage文件在manjaro上可用于直接单文件运行,体积要更大一些。
pacman文件属于Manjaro/Arch系专用原生安装包,压缩方式用的zstd体积更小,安装后在开始菜单中能找到。

manjaro包安装命令

pacman -U koel-electron-1.0.0.pacman
修改历史 ×
日期备注
0%