? 打包神器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