electron 打包

安装及配置

安装electron包以及electron-builder打包工具

# 安装 electron
cnpm install --save-dev electron
# 安装打包工具 
cnpm install electron-builder -D

参考的package.json文件

其中description和author为必填项目

{"name": "appfile","version": "1.0.0","description": "appfile","main": "main.js","scripts": {"start": "electron .","build": "electron-builder"},"build": {"appId": "com.test.com","win": {"icon": "./logo.ico","target": [{"target": "nsis","arch": ["x64"]}]},"nsis": {"oneClick": false,"perMachine": true,"allowToChangeInstallationDirectory": true}},"author": "yxm","license": "ISC","devDependencies": {"electron": "^33.0.1","electron-builder": "^25.1.8"}
}

我用的版本为

node版本：20.13.1
npm版本：15.5.2

手动下载依赖

打包时，运行npm run build. 需要从外网下载一些包，下载容易中途断开，断开就要重新来过。可以根据终端提示的地址在浏览器下载，下载后放到对应的文件夹

electron-v33.0.1-win32-x64.zip

C:\Users\yangx\AppData\Local\electron\Cache

这个文件115M,要下载好久。

winCodeSign-2.6.0

C:\Users\yangx\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.6.0

nsis-3.0.4.1

C:\Users\yangx\AppData\Local\electron-builder\Cache\nsis\nsis-3.0.4.1

nsis-resources-3.4.1

C:\Users\yangx\AppData\Local\electron-builder\Cache\nsis\nsis-resources-3.4.1\plugins

完成