Electron 应用打包成一个直接运行的单文件

安装electron-builder

npm install electron-builder --save-dev

配置 package.json， portable选项。

{
  "name": "my-electron-app", 
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "dev": "electron .",
    "test": "echo \"Error: no test specified\" && exit 1",
    "dist": "electron-builder"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "autoprefixer": "^10.4.19",
    "electron": "^30.0.0",
    "electron-builder": "^24.13.3",
    "electron-reloader": "^1.2.3",
  },
  "build": {
    "appId": "xxx.yyy.zzz",
    "productName": "productName",
    "win": {
      "target": "portable",
      "icon": "dist/build/icons/icon.ico" // 在资源管理器中 app 显示图标
    },
    "portable": {
      "artifactName": "${productName}_Portable_${version}.${ext}" 
    }
  }
}

artifactName 配置项允许你自定义输出文件的名称，其中 ${productName}、${version} 和 ${ext} 是占位符，分别代表产品名称、版本号和文件扩展名。