使用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'
    }
  }
}
           

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