- electron–builder 打包详细过程
electron-vue在利用npm run build
后报错,最终采用了electron-builder来打包
以上是报错内容
需要在打包前,先进行pack编译
npm run pack
在执行打包操作指令
这里分为打包为dmg mac电脑安装和windows
这里没安装的话 需要先安装 yarn add electron-builder --dev
electron-builder -m //mac
electron-builder -w //windows
详细配置可参考官网
https://www.electron.build/
https://electron.org.cn/builder/index.html
"scripts": {
"build": "node .electron-vue/build.js && electron-builder",
"build:dir": "node .electron-vue/build.js && electron-builder --dir",
"build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
"build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js",
"dev": "node .electron-vue/dev-runner.js",
"pack": "npm run pack:main && npm run pack:renderer",
"pack:main": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.main.config.js",
"pack:renderer": "cross-env NODE_ENV=production webpack --progress --colors --config .electron-vue/webpack.renderer.config.js",
"postinstall": ""
},
打包成功后
会在导出文件夹内生成对应文件,这里的导出路径可以修改,当前为build
package.json配置文件如下
"build": {
"productName": "electron-vue-test",
"appId": "com.example.yourapp",
"directories": {
"output": "build"
},
"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/icon.ico"
},
"linux": {
"icon": "build/icons"
}
},
build文件夹生成文件如下:
- 其他报错提示与解决方法
AttributeError: ‘NoneType’ object has no attribute ‘groups’
gyp ERR! configure error
gyp ERR! stack Error:gyp
failed with exit code: 1
解决方法:npm install pack