Electron打包

安装 Electron Builder

npm install --save-dev electron-builder

在项目根目录下创建一个新的文件，文件名可以是任意的，例如 electron-builder.json

{
  "productName": "My App",
  "appId": "com.example.myapp",
  "directories": {
    "output": "dist"
  },
  "asar": true,
  "files": [
    "package.json",
    "jquery.min.js",
    "main.js",
    "login.html",
    "home.html",
    "render/**/*",
    "drawable/**/*"
  ],
  "extraFiles": [
    {
      "from": "./XXX/XXX.dll",
      "to": "XXX.dll"
    }
  ],
  "mac": {
    "category": "public.app-category.developer-tools",
    "icon": "build/icon.icns",
    "target": [
      "dmg",
      "zip"
    ]
  },
  "win": {
    "icon": "build/icon.ico",
    "target": [
      "nsis",
      "zip"
    ]
  },
  "linux": {
    "category": "Development",
    "icon": "build/icon.png",
    "target": [
      "deb",
      "rpm",
      "tar.gz"
    ]
  }
}

在 package.json 文件中，找到 "scripts" 属性，添加build脚本命令

"build": "electron-builder --config electron-builder.json",
"build-win32": "electron-builder --config electron-builder.json --win --ia32",
"build-win64": "electron-builder --config electron-builder.json --win --x64",
"build_mac": "electron-builder --config electron-builder_mac.json",
"dist": "electron-builder --win --ia32"

运行打包命令

npm run build

• 指定打包32位的.exe

npm run build-win32

• 指定打包64位的.exe

npm run build-win64

打包工具将应用程序打包成 macOS 的 dmg 文件和 Windows 的 exe 文件，并输出到 dist 目录中

• JSON文件中定义了名叫dist的目录