回答

在 Electron 中，你可以使用不同的工具来打包和输出 macOS 可执行程序（.app 文件）。目前比较流行的工具有 electron-builder 和 electron-packager。下面是使用 electron-builder 的基本步骤：

使用 electron-builder 打包 macOS 可执行程序

安装 electron-builder：

首先，确保你的 Electron 项目中已经安装了 electron-builder。如果还没有安装，可以通过 npm 进行全局安装：

npm install -g electron-builder

配置 package.json：

在你的 Electron 项目的 package.json 文件中，确保配置了 build 字段，以便 electron-builder 可以正确打包你的应用。一个基本的 build 配置如下：

"build": {
  "productName": "YourApp",
  "appId": "com.example.yourapp",
  "directories": {
    "output": "dist"
  },
  "mac": {
    "target": "dmg",  // 打包为 macOS DMG 文件
    "icon": "build/icon.icns"  // macOS 应用程序图标
  },
  "win": {
    "target": "nsis"  // 打包为 Windows 安装程序
  },
  "linux": {
    "target": "AppImage"  // 打包为 Linux AppImage 文件
  }
}

在上面的配置中：

productName 是你的应用程序名称。appId 是应用程序的唯一标识符。directories.output 指定打包输出的目录。mac.target 指定 macOS 打包的目标格式，可以选择为 dmg、zip 等。mac.icon 指定 macOS 应用程序的图标文件路径。

执行打包命令：

执行以下命令来使用 electron-builder 打包你的 Electron 应用程序：

electron-builder build --mac

这将根据你在 package.json 中的配置，打包生成 macOS 下的可执行程序文件（.app 文件）或者 DMG 安装文件。

查看输出结果：

打包完成后，你可以在 dist 目录（或你在 build.directories.output 中指定的目录）中找到生成的 macOS 可执行程序或 DMG 文件。

通过这些步骤，你可以使用 electron-builder 打包和输出 macOS 可执行程序，用于在 macOS 平台上运行你的 Electron 应用程序。