electron 前端使用vue 或 webpack 打包一些问题整理

2022-05-15 · 2215

1、vue中electron模块的引入问题
在vue中引入electron模块ipcRenderer做通讯的时候，(从webpack升级版本5后)会提示fs或者path不存在等问题
其实是webpack把electron当成项目依赖了，这肯定不行。
解决方案：

//在开启 nodeIntegration: true 下
const { ipcRenderer } = window.require('electron');
//在没有开启 nodeIntegration:false 下
const { ipcRenderer } = eval(`require('electron')`);

2、webpack打包后报错 Uncaught ReferenceError: regeneratorRuntime is not defined
这个情况是在纯js中书写await async时出现的情况，也属于webpack配置报错，主要是因为babel转换的问题。
解决方案：
在package.json文件中添加如下代码：

"browserslist": [
    "last 1 Chrome version"
]

该代码的含义就是确保浏览器是最新版本即可识别await async。
详细文章：https://www.vsay.net/web/188.html
暂时就发现这两个问题，文档持续更新...