electron-vue webpeck升级到5.x

将Electron-Vue项目中的Webpack从4.x升级到5.x需要执行以下步骤：

1. 更新Webpack版本：在项目中安装Webpack 5.x版本，可以使用以下命令进行安装：

   npm install webpack@5.x --save-dev

2. 更新依赖：Webpack 5.x与Webpack 4.x存在一些不兼容的更改，需要更新一些依赖，可以使用以下命令进行更新：

   npm install -D webpack-cli webpack-dev-server html-webpack-plugin clean-webpack-plugin copy-webpack-plugin

3. 更新配置文件：将`webpack.renderer.config.js`和`webpack.main.config.js`中的一些配置更新为Webpack 5.x的格式，具体的更改如下：

- 在`mode`选项中，将`development`和`production`改为`'development'`和`'production'`。
- 在`plugins`选项中，将`new CleanWebpackPlugin()`改为`new CleanWebpackPlugin({ cleanStaleWebpackAssets: false })`。
- 在`rules`选项中，将`exclude: /node_modules/`改为`exclude: /node_modules[/\\](?!(vue-echarts|resize-detector)[/\\])/`，以解决与Vue-Echarts和Resize-Detector模块的兼容性问题。

4. 更新Vue Loader：Vue Loader需要更新到15.x或以上版本才能与Webpack 5.x兼容，可以使用以下命令进行更新：

   npm install -D vue-loader@^15.0.0

5. 更新其他依赖：根据项目中使用的其他依赖，可能还需要更新其他模块的版本以保持兼容性。

完成以上步骤后，重新运行项目即可。注意，在使用Webpack 5.x时，可能需要更新一些已经废弃的API，或者更改一些配置以适应新的版本。可以参考Webpack 5.x的文档进行调整。