在使用electron-builder 打包时的一些心得希望可以帮助更多的人解决问题
一、安装 electron-builde 在此之前必须先安装yarn 当然用npm也可以只是网络不太好
yarn add electron-builder --save-dev
二、配置package.json
{ "name": "crjgui", "version": "0.0.0", "author": "samtiger <[email protected]>", "description": "An electron-vue project", "license": null, "main": "./dist/electron/main.js", "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", "e2e": "npm run pack && mocha test/e2e", "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", "test": "npm run unit && npm run e2e", "unit": "karma start test/unit/karma.conf.js", "postinstall": "" }, "build": { "productName": "出国(境)证件管理系统", "appId": "org.simulatedgreg.electron-vue", "copyright":"航星永志版权所有", "directories": { "output": "dist" },
"nsis": {
"oneClick": false, // 一键安装
"allowElevation": true, // 允许请求提升。 如果为false,则用户必须使用提升的权限重新启动安装程序。
"allowToChangeInstallationDirectory": true, // 允许修改安装目录
"createDesktopShortcut": true, // 创建桌面图标
"createStartMenuShortcut": true, // 创建开始菜单图标
"shortcutName": "xxxx" // 图标名称
"installerIcon": "./build/icons/aaa.ico", // 安装图标
"uninstallerIcon": "./build/icons/bbb.ico", //卸载图标
"installerHeaderIcon": "./build/icons/aaa.ico", // 安装时头部图标
"include": "build/script/installer.nsh" //配置 nsn
},
"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", "target": [ { "target": "nsis", "arch": [ "ia32" ] } ] }, "linux": { "icon": "build/icons" } }, "dependencies": { "axios": "^0.16.1", "echarts": "^4.1.0", "element-ui": "^2.4.3", "es6-promise": "^4.2.4", "js-cookie": "^2.2.0", "vue": "^2.3.3", "vue-electron": "^1.0.6", "vue-progressbar": "^0.7.5", "vue-router": "^2.5.3", "vuex": "^2.5.0" }, "devDependencies": { "babel-core": "^6.25.0", "babel-loader": "^7.1.1", "babel-plugin-component": "^1.1.1", "babel-plugin-istanbul": "^4.1.1", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.6.0", "babel-preset-stage-0": "^6.24.1", "babel-register": "^6.24.1", "babili-webpack-plugin": "^0.1.2", "cfonts": "^1.1.3", "chai": "^4.0.0", "chalk": "^2.1.0", "copy-webpack-plugin": "^4.0.1", "cross-env": "^5.0.5", "css-loader": "^0.28.4", "del": "^3.0.0", "devtron": "^1.4.0", "electron": "^1.7.5", "electron-builder": "^19.19.1", "electron-debug": "^1.4.0", "electron-devtools-installer": "^2.2.0", "extract-text-webpack-plugin": "^3.0.0", "file-loader": "^0.11.2", "html-webpack-plugin": "^2.30.1", "inject-loader": "^3.0.0", "karma": "^1.3.0", "karma-chai": "^0.1.0", "karma-coverage": "^1.1.1", "karma-electron": "^5.1.1", "karma-mocha": "^1.2.0", "karma-sourcemap-loader": "^0.3.7", "karma-spec-reporter": "^0.0.31", "karma-webpack": "^2.0.1", "mocha": "^3.0.2", "mockjs": "^1.0.1-beta3", "multispinner": "^0.2.1", "node-loader": "^0.6.0", "node-sass": "^4.7.2", "require-dir": "^0.3.0", "sass-loader": "6.0.6", "spectron": "^3.7.1", "style-loader": "^0.18.2", "svg-sprite-loader": "3.5.2", "url-loader": "^0.5.9", "vue-html-loader": "^1.2.4", "vue-loader": "^13.0.5", "vue-style-loader": "^3.0.1", "vue-template-compiler": "^2.4.2", "webpack": "^3.5.2", "webpack-dev-server": "^2.7.1", "webpack-hot-middleware": "^2.18.2", "webpack-merge": "^4.1.0" } }