【JS】npm electron 开发桌面应用-npm run-script package打包

一. 准备工作

1. 首先，我们要安装electron-prebuilt，它是一个npm模块，因此我们可以使用Npm来进行安装，它是一个electron的预编译版本。

cnpm install -g electron-prebuilt    

2. 接下来安装electron-packager ，它也是一个npm模块，是一个用于打包electron应用的工具，具体使用方法我们稍后详细说明 。

cnpm install -g electron-packager

二、创建应用

略

三、运行

打开到项目根目录，键盘shift + 鼠标右键打开 Powershell窗口，执行以下命令启动程序

npm start

程序启动一切正常，也没有报出错误，接下来就可以打包发布了。

四、打包

如何打包，就要用到前面安装的 electron-packager

方法一：

在命令行执行下面的命令打包

electron-packager . apptest --win --out ./out1 --arch=x64 --version=11.2.0

//其它命令
 electron-packager . 'master' --platform=win32 --arch=x64 --icon=icon.ico --out=./out --asar --app-version=0.0.1

- 上面格式说明是这样的

electron-packager       .       apptest               --win                --out  ./out1    --arch=x64       --version=11.2.0
electron-packager <项目所在路径 > <打包的项目名字> <打包平台Windows、Mac、Linux> --out <输出目录> <应用架构x86、x64 > <electron 版本>

选项参数放到命令最后面

 --icon=./app/img/icon.ico //图标

方法二：

上面的方法每次执行参数太多，不方便记忆，我们可以把命令写入在package.json中，再调用简单的命令即可

 "scripts": {
        "start": "electron .",
        "install": "electron-rebuild",
        "package": "electron-packager . master --out=./out --platform=win32 --arch=x64 --electron-version 11.2.0 --asar --app-version=0.0.1"
    },

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

npm run-script package

打包执行完毕，当前目录会创建一个新文件夹，里面就是打包好的应用。

其它问题：

1 . 出现Cannot find module ‘serialport’ 。。 错误

打开打包后的目录 resources/app/ 重新执行命令 npm install，就可以解决了。
因为执行命令带了参数 --ignore=node_modules，那么打包时是不会安装包的

完