Electron将Web页面打包成exe文件

版权声明：原创不易，转载须经作者同意 https://blog.csdn.net/zhichaosong/article/details/89186687

一、 插件安装

npm install electron-packager --save-dev

二、 修改配置文件 package.json

"scripts": {
    "start": "electron .",
    "start2": "electron . --enable-logging",
    //开启主线程 log
	"electron_build": "electron-packager ./ --platform=win32 --arch=x64 --overwrite"
	// 注意事项 electron-packager ./ 会取当前目录下package.json文件（即当前文件）中 main 值指向的入口
  }

关于 electron-packager 的配置，简单介绍一下。

语法：electron-packager <sourcedir> <appname> –platform=<platform> –arch=<arch> [optional flags…]

• sourcedir 资源路径，在本例中既是./dist/
• appname 打包出的exe名称
• platform 平台名称（windows是win32）
• arch 版本，本例为x64
• [optional flags…] 配置项选填，可以设置二进制打包等，默认没有这些

三、 运行打包命令

npm run electron_build

四、 运行 EXE 文件测试

在文件目录下可以找到callcenter-win32-x64文件夹
双击运行.exe文件就能看到熟悉的界面啦