https://www.electron.build/
package.json中build配置如下
{
"name": "EletronSample",
"version": "0.0.1",
"author": "",
"description": "EletronSample",
"license": "MIT",
"main": "./dist/electron/main.js",
"scripts": {
"build": "node .electron-vue/build.js && node .electron-vue/bytenode.js && electron-builder",
"build:linux": "node .electron-vue/build.js && node .electron-vue/bytenode.js && electron-builder --linux",
"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"
},
"homepage": "",
"build": {
"productName": "EletronSample",
"appId": "org.simulatedgreg.electron-vue",
"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.png"
},
"nsis": {
"oneClick": false,
"guid": "EletronSample",
"perMachine": true,
"allowElevation": true,
"allowToChangeInstallationDirectory": true,
"installerIcon": "build/icons/icon.ico",
"uninstallerIcon": "build/icons/icon.ico",
"installerHeaderIcon": "build/icons/icon.ico",
"createDesktopShortcut": true,
"createStartMenuShortcut": true,
"shortcutName": "EletronSample"
},
"linux": {
"icon": "build/icons",
"target": ["AppImage","deb"]
}
},
"dependencies": {
},
"devDependencies": {
}
}
Window平台编译
1.下载electron-builder和electron文件,参考地址: https://segmentfault.com/a/1190000013473230
由于网络原因不一定能下载成功。
可以将已经下载好的文件复制到以下位置:
windows10环境地址: C:\Users\63195(用户名)\AppData\Local\electron-builder\cache
cahe-win下载地址
2.执行npm run build
3.项目文件路径,不能带中文,否则会报错打包失败
linux平台编译
通过Docker来编译linux对应的包
1.安装Docker Desktop(具体配置方式参考:https://www.cnblogs.com/Can-daydayup/p/15468591.html)
2.命令行中执行
docker pull electronuserland/builder
3.执行以下命令启动容器
docker run --rm -ti -v C:\ElectronPJ:/project -w /project electronuserland/builder
C:\ElectronPJ Eletron项目的根目录,并将其根目录映射到/project虚拟路径
4.执行以下命令
cd /project
rm -rf ./node_modules
npm i
npm run build
注意:1.使用npm不要使用cnpm;2.在执行npm i前执行rm -rf ./node_modules
5:执行npm run build:linux
有时候会出现下载所需文件失败(多执行几次,有时候就能下载成功了),实在没成功的同学可以将我已经下载好的文件加压后复制到/root/.cache目录中,成功后的目录见下图