1、安装electron-builder
npm install electron-builder --save-dev
2、在项目的package.json文件中配置 electron-builder相关参数
- 具体参数可以参考官方文档:https://www.electron.build/configuration/configuration
- 下面贴出我自己的配置:
{ "name": "electron-quick-start", "version": "1.0.0", "description": "A minimal Electron application", "main": "main.js", "scripts": { "start": "electron .", "build": "electron-builder" }, "build": { "appId": "com.imaxue.app", "productName":"yangyi", "win": { "icon": "build/favicon.ico", "target": [ "nsis" ] }, "nsis": { "oneClick": false, "perMachine": true, "allowToChangeInstallationDirectory": true } }, "repository": "https://github.com/electron/electron-quick-start", "keywords": [ "Electron", "quick", "start", "tutorial", "demo" ], "author": "GitHub", "license": "CC0-1.0", "devDependencies": { "electron": "^8.2.5", "electron-builder": "^22.6.1" }, "dependencies": { "bootstrap": "^4.5.0", "electron-store": "^5.1.1", "uuid": "^8.1.0" }}
- 注意要是下载源有问题的话可以在build中添加
"electronDownload":{ "mirror":"https://npm.taobao.org/mirrors/electron/" },
3、执行打包命令
npm run build
4、完成
完成以后会在项目目录下生成dist目录