我們一般使用electron-builder對electron項目進行打包，在package.json中配置打包的詳細操作

pnpm install electron-builder -D

package.json中的詳細字段解釋：

"build": {  
  "appId": "your.id", // 應用的唯一ID  
  "productName": "YourProductName", // 安裝後生成的文件夾和快捷方式的名稱  
  "copyright": "Copyright © 2024", // 版權聲明，通常包含版權年份和名稱。
  // 該部分用於配置 macOS 操作系統上的構建設置。
  "mac": {
    "category": "public.app-category.utilities", // 應用在 macOS 中的類別，影響應用在 Mac App Store 中的位置。
    "icon": "./logo.ico" // 應用程序的圖標，通常是 .icns 格式，這裏用的是 .ico 格式，但在 macOS 中通常需要特定格式（.icns）。
  },
  // 此部分配置 Windows 操作系統上的構建信息。
  "win": { 
    "icon": "./logo.ico", // 應用圖標
    "target": [
      {
        "target": "nsis", // 指定使用 NSIS 作為安裝程序格式
        "arch":  ["x64"] // 生成64位安裝包
      }
    ]
  },
  // 此部分專門用於配置 NSIS 安裝程序的選項。
  "nsis": {  
    "oneClick": false, // 是否一鍵安裝，如果為 false，則顯示安裝嚮導  
    "allowElevation": true, // 是否允許請求提升（以管理員身份運行）  
    "allowToChangeInstallationDirectory": true, // 是否允許用户更改安裝目錄  
    "createDesktopShortcut": true, // 是否在桌面上創建快捷方式  
    "createStartMenuShortcut": true, // 是否在開始菜單中創建快捷方式  
    "shortcutName": "YourAppName", // 快捷方式的名稱  
    "uninstallDisplayName": "Your App", // 卸載時顯示的名稱  
    "license": "path/to/license.txt", // 許可證文件的路徑  
    "installerIcon": "path/to/installer-icon.ico", // 安裝程序圖標的路徑  
    "uninstallerIcon": "path/to/uninstaller-icon.ico", // 卸載程序圖標的路徑  
    "installerHeaderIcon": "path/to/header-icon.ico", // 安裝嚮導頭部的圖標路徑  
    "installerSidebarIcon": "path/to/sidebar-icon.bmp", // 安裝嚮導側邊欄的圖標路徑（必須是 BMP 格式）  
    "runAfterFinish": true, // 安裝完成後是否運行應用  
    "perMachine": true, // 是否為所有用户安裝（而非僅當前用户）  
    "script": "path/to/custom-nsis-script.nsh", // 自定義 NSIS 腳本的路徑  
    "compression": "lzma", // 壓縮方式，可選值包括 'none', 'zip', 'lzma' 等  
    "artifactName": "${productName}-${version}-Setup.${ext}", // 自定義輸出文件的名稱  
  },  
  // 指定要包含在構建輸出中的文件。這些文件將會被打包到最終的安裝程序中。
  "files": [
    "dist/**/*", // 包括 dist 文件夾及其子文件夾中的所有文件。
    "electron/**/*" //  包括 electron 文件夾及其子文件夾中的所有文件。
  ],
  // 定義構建過程中使用的特定目錄。
  "directories": {
    "buildResources": "assets", // 指定用於構建的資源文件的位置（如圖標等），這裏設為 assets。
    "output": "dist_electron" // 指定構建輸出的目錄，這裏設為 dist_electron，表示構建完成的應用將輸出到這個文件夾中。
  }
}

運行打包命令

pnpm run build

目錄中會生成dist文件夾，內部就打包的產物