前端——electron-vue打包遇到的深坑，希望能帮到大家

最新推荐文章于 2025-10-20 11:21:49 发布

原创

最新推荐文章于 2025-10-20 11:21:49 发布 · 792 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #electron

本文介绍了在使用electron-vue进行打包时遇到的问题及解决方法，包括安装打包插件、配置打包信息，并特别提示了关于文件下载和版本放置的注意事项，避免了nsis和winCodeSign的错误。最终通过electron-builder成功打包。

electron-vue项目打包（electron:build）

1. 安装electron提供的打包插件
2.配置打包信息（个人是在vue.config中配置的）
- 执行打包命令

个人是使用cli脚手架搭建的electron 框架

1. 安装electron提供的打包插件

在当前项目根目录下安装打包插件
npm install electron-builder
或全局安装
npm install electron-builder -g

2.配置打包信息（个人是在vue.config中配置的）

module.exports = {
  productionSourceMap: false,
  lintOnSave: false,
  pluginOptions: {
      electronBuilder: {
          nodeIntegration: true,
          builderOptions: {
              appId: '',
              productName: '',
              publish: {
                  provider: '',
                  url: ‘’',
                  // updaterCacheDirName: electron-demo1-updater
              },
              win: {
              },
              asar: false,
              nsis: {
                  oneClick: false,
                  // 允许修改安装目录
                  allowToChangeInstallationDirectory: true,
                  allowElevation: true,
                  createDesktopShortcut: true,
                  c