➢ 打包神器 electron-packager

npm地址:electron-packager

Github地址:electron-packager

按照官方文件操作即可

➢ 引數設定

electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...]

建議將打包的命令設定在package.json的script中

設定如下:

"scripts": {
    "package": "electron-packager ./ notes --all --out ./OutApp --electron-version 4.0.1 --overwrite --icon=./static/img/logo.ico"
  },

➢ 使用指令碼

npm run package

➢ 引數描述

sourcedir: ./ 表示的是當前目錄,也就是package.json檔案所在的目錄

appname: 當前構建應用的名稱

platform: 要構建的平臺型別,可取的值有 darwin, linux, mas, win32,

可以寫成以下格式:

electron-packager ./ notes ./ --platform=darwin
electron-packager ./ notes ./ --platform=linux
electron-packager ./ notes ./ --platform=mas
electron-packager ./ notes ./ --platform=win32

也可以一鍵全平臺打包 取值為all

electron-packager ./ notes --all

--out ./OutApp: 指定打包檔案輸出的資料夾位置,當前指定的為專案目錄下的OutApp資料夾

--electron-version 4.0.1: 指定當前要構建的electron的版本,需要和當前的版本一致,具體可以在package.json檔案中檢視,如下所示

"devDependencies": {
    "electron": "^4.0.1",
    "electron-packager": "^13.0.1"
  }

--overwrite: 覆蓋原有的build,讓新生成的包覆蓋原來的包

--icon=./static/img/logo.ico : 指定icon

➢ 極簡一件打包

electron-packager ./ --all

➢ 其他打包方式

electron-builder

只做提示,不做研究