image
三:修改根⽬录下的package.json⽂件
image
"main":"build/electron.js",
"test_exe": "electron .",
"electron_build": "electron-packager ./dist ming --platform=win32 --arch=x64 --overwrite"执⾏npm run build 打包⽣成dist⽬录
运⾏npm run test_exe 打开项⽬
四:打包为exe⽂件
⾸先需要将build\electron.js⽂件和根⽬录下的package.json⽂件复制到dist/⽬录下,
electron.js
mainWindow.loadFile('./dist/index.html')
改为 mainWindow.loadFile('index.html')
package.json
参数 "main":"build/electron.js",
electron vue教程
改为 "main":"electron.js",
然后执⾏npm run electron_build命令⽣成 ming-win32-x64⽬录,点击exe即可打开,finished
image
备注:electron-packager的打包基本命令:
electron-packager<locationofproject><nameofproject><platform><architecture><electronversion><optionaloptions>
location of project:项⽬路径
name of project:打包名字
platform:平台(Windows、Mac 、Linux)
architecture:x86 还是 x64 还是两个都有
electron version:electron 的版本,可选选项
optional options:可选选项
icon:可选选项