使用vue-cli-plugin-electron-builder打包后无法加载preload.js文件

在使用vue-cli-plugin-electron-builder打包后发现应用程序没有执行preload.js文件于是查找原因

根据查阅的资料打包后的源文件放在\dist_electron\win-unpacked\resources\app.asar,app.asar是一个压缩文件需要解压才能看到里面的内容

npm install -g asar
/**
	cd到app.asar所在的目录,将文件解压到file文件夹
**/
asar extract ./app.asar ./file

没有发现preload.js

解决方案

在vue.config.js中如下配置

module.exports = {
  pluginOptions:{
    electronBuilder:{
      preload:'src/preload.js'
    }
  }
}

截取background.js的部分代码

win = new BrowserWindow({
  webPreferences: {
    nodeIntegration: true,
    contextIsolation: false,
    webviewTag: true,
    preload: path.join(__dirname, '/preload.js')
  },
  resizable: false,
  frame: false
});

打包后解压发现preload.js出现，搞定~运行也没问题