从零开始学习electron+vue（二）渲染进程中使用electron模块

构想中，在登陆页面中登陆信息后，窗口变换大小，然后查询资料后，使用electron中的模块，但是在使用中就一直报错，在查了一上午的文档后，终于找到了简单解决的方案！

参考文档：
登录界面跳转
electron渲染进程如何使用模块

在src目录下，新建一个preload.js

src目录

因为在渲染进程中，无法使用require，因此这里要用import引入，目前只使用一个ipcRenderer模块进行演示

// preload.js
import { ipcRenderer } from 'electron'
window.ipcRenderer = ipcRenderer

在vue.config.js文件内配置，如果没有vue.config.js文件，在项目根目录下添加

// vue.config.js
module.exports = {
  pluginOptions: {
    electronBuilder: {
      preload: 'src/preload.js',
      nodeIntegration: true,
      externals: ['electron'], // 这里是你使用的原生模块名字列表，改成自己的即可
      nodeModulesPath: ['../../node_modules', './node_modules', '../node_modules']// 这里是多个node_modules路径，按自己需要配置即可
    }
  }
}

在vue文件内使用

const ipcRenderer = window.ipcRenderer
//or
window.ipcRenderer