打包的两种方式:
DOS 下,首先输入 npm install electron-packager -g全局安装打包工具
npm install electron-packager -g
1. package.json设置打包
将打包的命令设置在package.json的script中:
"scripts": {"package":"electron-packager . 生成的exe文件的名称 --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules" }
参数说明:
- --arch=x64:决定了使用 x86 还是 x64 还是两个架构都用
- --icon=computer.ico:自定义设置应用图标
- --out=./out:指定打包文件输出的文件夹位置,当前指定的为项目目录下的
- --asar:该参数可以不加,如果加上,打包之后应用的源码会以.asar格式存在,否则会以文件夹形式存在
- --app-version=1.0.0:生成应用的版本号
- --overwrite:覆盖原有的 build,让新生成的包覆盖原来的包
- --ignore=node_modules:如果加上该参数,项目里node_modules模块不会被打包进去 electron package.json
在项目文件夹DOS窗口下执行命令:
npm run package
打包成功后在项目中可看到多了一个out文件,打开后找到exe文件双击即可
2. DOS窗口命令打包
DOS 下,在项目文件夹下面执行打包命令:
electron-packager . 生成的exe文件的名称 --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=1.0.0 --overwrite --ignore=node_modules --electron-version 1.0.1
参数说明同上
注:打包过程中报错:
The main entry point to your app was not found. Make sure "index.js" exists and does not get ignored by your ignore option
翻译:找不到应用程序的主要入口点。确保“index.js”存在,并且不会被忽略选项忽略
解决方法:在package.json中加一行
"main": "dist/main.js",