使用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出現，搞定~運行也沒問題