前提已經實現了(一)里面的效果連接:https://www.cnblogs.com/yuNotes/p/12884930.html
1.下載electron-builder運行命令:npm install electron-builder --save-dev
2.在package.json中加入:
"win32": "electron-builder --win --x32",windows32位上的使用包
"win64": "electron-builder --win --x64",windows64位上的使用包
"mac": "electron-builder --mac",mac上的使用包
"linux": "electron-builder --linux"linux上的使用包
注意;這些包要在相同的電腦環境下才能打出,否則會報錯!!!!
3.運行npm run win64就會在根目錄中看到相應的文件里面就有你需要的文件
在根目錄下就會出現dist文件,其中就是打包出的文件
5.添加項:用這個插件打包我在windows電腦上打包出了windows的包,沒有成功打包出linux的包會報下面的錯
cannot get, wait error=Get "https://service.electron.build/find-build-agent?no-cache=1fcmrcb": dial tcp 51.15.76.176:443: connectex: No connection could be made because the target machine actively refused it.
網上搜索是說在什么系統下打什么報!
6.electron-builder比electron-packager多了很多配置這些配置可以配合electron-updater版本更新使用
"build": { "productName":"xxxx",//項目名 這也是生成的exe文件的前綴名 "appId": "com.leon.xxxxx",//包名 "copyright":"xxxx",//版權 信息 "directories": { // 輸出文件夾 "output": "build" }, "nsis": { "oneClick": false, // 是否一鍵安裝 "allowElevation": true, // 允許請求提升。 如果為false，則用戶必須使用提升的權限重新啟動安裝程序。 "allowToChangeInstallationDirectory": true, // 允許修改安裝目錄 "installerIcon": "./build/icons/aaa.ico",// 安裝圖標 "uninstallerIcon": "./build/icons/bbb.ico",//卸載圖標 "installerHeaderIcon": "./build/icons/aaa.ico", // 安裝時頭部圖標 "createDesktopShortcut": true, // 創建桌面圖標 "createStartMenuShortcut": true,// 創建開始菜單圖標 "shortcutName": "xxxx", // 圖標名稱 "include": "build/script/installer.nsh", // 包含的自定義nsis腳本 }, "publish": [ { "provider": "generic", // 服務器提供商 也可以是GitHub等等 "url": "http://xxxxx/" // 服務器地址 } ], "files": [ "dist/electron/**/*" ], "dmg": { "contents": [ { "x": 410, "y": 150, "type": "link", "path": "/Applications" }, { "x": 130, "y": 150, "type": "file" } ] }, "mac": { "icon": "build/icons/icon.icns" }, "win": { "icon": "build/icons/aims.ico", "target": [ { "target": "nsis", "arch": [ "ia32" ] } ] }, "linux": { "icon": "build/icons" } }