无星的electron之旅（四）——打包

背景

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

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

预知项

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

打包介绍

默认提供的打包命令

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

FAQ

mac如何打windows的exe文件

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

npm run electron:build -- --win nsis

linux下如何打windows的包

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

如何使用vue的mode模式

直接使用

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

打包参数去哪配

官方文档:参数内容

#vue.config.js
module.exports = {
  pluginOptions: {
    electronBuilder: {
      preload: './src/preload.js',
      // 打包参数
      builderOptions: {
        appId: 'com.xxxx.xxx',
        productName: '项目名称',
        win: {
          target: [
            {
              target: 'nsis', // 我们要的目标安装包
            },
          ],
        },
      },
    },
  },
}