electron-builder打包vue2项目问题总结

一、打包之后不显示elecmentui的图标

1、使用版本

• vue ^2.6.14
• element-ui ^2.15.14
• vue-cli-plugin-electron-builder 2.1.1

2、解决办法

1） 如果是简单的图标可以使用图片代替（这种对于elementui组件的图标还是不会显示）
2）在vue.config.js配置

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false,
  pluginOptions:{
    electronBuilder:{
      customFileProtocol:"/"
    }
  }
})

二、修改打包之后的app图标

1、将图片放在public文件夹下面
2、npm install electron-icon-builder
3、修改package.json文件(很奇怪这里只能用png文件不能使用.ico文件)
“electron:generate-icons”:“electron-icon-builder --input=./public/logo.png --output=build --flatten”
4、修改background.js

  const win = new BrowserWindow({
    width: 800,
    height: 600,
    icon:'./public/favicon.ico'
    })

5、修改vue.config.js文件

  pluginOptions:{
    electronBuilder:{
      customFileProtocol:"/",
      win:{
         icon:"favicon.ico"
      },
      nodeIntegration: true
    }
  }

6、打包 npm run electron:generate-icons 然后再 npm run electron:build

到此这篇关于electron-builder打包vue2项目问题合集的文章就介绍到这了,更多相关electron-builder打包vue2项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！