Electron打包

1. 进入cmd,切换到项目所在的路径
2. 首先查看electron的版本号

3.

.courthelper是生产exe的子文件名称    

version版本号要填写本机electron的版本号

（1）electron-packager . courthelper --platform=win32 --arch=x64 --electron-version=1.4.13

 

也可以忽略本机的electron版本,直接从淘宝镜像中下载

（2）electron-packager . courthelper --platform=win32 --arch=x64 --download.mirror=https://npm.taobao.org/mirrors/electron/ --electron-version=4.1.4 --asar --app-version=1.0.0 --build-version=1.0.0 --out=outName --overwrite --no-package-manager --ignore="(.git|node_modules)" --icon=./src/app/imgs/Court128.ico

 

打包方法二：

但是每次打包的执行命令太长太麻烦了，所以我们可以把命令写进package.json中，执行命令调用它就好了。

更改后的package.json如下：

    

{

      "name": "zhoupeipei",

      "version": "0.0.1",

      "description": "a simple application",

      "main": "main.js",

      "scripts": {

        "test": "echo \"Error: no test specified\" && exit 1",

        "start": "electron .",

       "package": "electron-packager . courthelper --platform=win32 --arch=x64 --electron-version=1.8.4"

      },

      "author": "zhoupeipei",

      "license": "ISC"

}

这样我们每次打包只需要执行 npm run-script package就可以了。

npm run-script package

 

备注：    如果我们想要更改窗口左上角的图标和任务栏的图标，只需要在打包的命令上加个icon参数就好了

electron-packager . courthelper --platform=win32 --arch=x64 --download.mirror=https://npm.taobao.org/mirrors/electron/ --electron-version=4.1.4 --asar --app-version=1.0.0 --build-version=1.0.0 --out=outName --overwrite --no-package-manager --ignore="(.git|node_modules)"  --icon=./src/app/imgs/Court128.ico

 

如图所示