我的GitHub
0%

无星的electron之旅(四)——打包

背景

我是用的是vue-cli-plugin-electron-builder提供的集成方式

此插件提供的打包插件是electron-builder

预知项

1.在什么系统上默认打什么系统的包
2.mac上可以打全平台的包
3.win/linux不可以打mac的包
4.不建议在mac上打windows的包,nsis在electron的打包下存在bug,打的包无法卸载

打包介绍

默认提供的打包命令

1
"electron:build": "vue-cli-service electron:build",

FAQ

mac如何打windows的exe文件

第一个–不要删,是npm传值的意思

1
npm run electron:build -- --win nsis

linux下如何打windows的包

这个比较复杂了,建议是用docker,具体见官网

如何使用vue的mode模式

直接使用

1
"electron:build:dev": "vue-cli-service electron:build --mode dev",

打包参数去哪配

官方文档:参数内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
#vue.config.js
module.exports = {
pluginOptions: {
electronBuilder: {
preload: './src/preload.js',
// 打包参数
builderOptions: {
appId: 'com.xxxx.xxx',
productName: '项目名称',
win: {
target: [
{
target: 'nsis', // 我们要的目标安装包
},
],
},
},
},
},
}