electron 打包成exe兩種方式，以及常見問題

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "win": "electron-packager . Bcreat --platform=win32 --arch=x64 --icon=icon.ico --out=./dlist --asar --app-version=0.0.1",
    "winexe": "electron-builder --win --x64"
  },
  "repository": "https://github.com/electron/electron-quick-start",
  "keywords": [
    "Electron",
    "quick",
    "start",
    "tutorial",
    "demo"
  ],
  "build": {
    "appId": "com.bcreatexe.app",
    "nsis": {
      "oneClick": false,
      "allowElevation": true,
      "allowToChangeInstallationDirectory": true,
      "installerIcon": "./icon.ico",
      "uninstallerIcon": "./icon.ico",
      "installerHeaderIcon": "./icon.ico",
      "createDesktopShortcut": true,
      "createStartMenuShortcut": true
    },
    "win": {
      "target": "nsis"
    }
  },
  "author": "GitHub",
  "license": "CC0-1.0",
  "devDependencies": {
    "electron-builder": "^22.10.5",
    "electron": "^12.0.5"
  },
  "dependencies": {
    "electron-packager": "^15.2.0"
  }
}

將上面代碼修改根目錄package.json文件，注意你改成你自己的項目名稱~

 

常用electron打包方式分兩種

一、electron-packager

含義就打包成直接運行包，可以直接打開exe運行

二、electron-builder

含義就是打包成安裝版，可以自定義安裝路徑，安裝圖標，創建桌面快捷方式等，運行exe，打開開始安裝

 

運行方式：npm run win  （就是運行electron-packager打包方式）、npm  run winexe （就是運行electron-builder打包方式），具體的代碼在上面代碼scripts參數里面~