Electron-egg 热更新实现指南：快速迭代开发

要实现 Electron-egg 项目的热更新，可以按照以下步骤进行操作：

在你的 Electron-egg 项目的根目录下创建一个 'webpack.dev.config.js' 文件，用于配置热更新的 webpack 配置。
在 'webpack.dev.config.js' 文件中，配置 'entry' 字段为你的 Electron-egg 项目的入口文件路径，例如：

module.exports = {
  entry: {
    main: path.resolve(__dirname, 'app/main/index.js'),
    renderer: path.resolve(__dirname, 'app/renderer/index.js')
  },
  // 其他配置项...
}

在你的 Electron-egg 项目的根目录下创建一个 'webpack.hot.config.js' 文件，用于配置热更新的 webpack 配置。这个配置文件是基于 'webpack.dev.config.js' 的基础上进行修改。
在 'webpack.hot.config.js' 文件中，将 'entry' 字段中的入口文件路径改为 'webpack-hot-middleware/client'，例如：

module.exports = {
  entry: {
    main: ['webpack-hot-middleware/client', path.resolve(__dirname, 'app/main/index.js')],
    renderer: ['webpack-hot-middleware/client', path.resolve(__dirname, 'app/renderer/index.js')]
  },
  // 其他配置项...
}

在你的 Electron-egg 项目的根目录下创建一个 'hot.js' 文件，用于启动热更新的开发服务器。在 'hot.js' 文件中，添加以下代码：

const webpack = require('webpack');
const webpackDevMiddleware = require('webpack-dev-middleware');
const webpackHotMiddleware = require('webpack-hot-middleware');
const webpackHotConfig = require('./webpack.hot.config');

const compiler = webpack(webpackHotConfig);

app.use(webpackDevMiddleware(compiler, {
  publicPath: webpackHotConfig.output.publicPath,
  stats: {
    colors: true,
    chunks: false
  }
}));

app.use(webpackHotMiddleware(compiler));

修改 Electron 主进程的启动文件，将原来的启动代码改为以下内容：

const { app, BrowserWindow } = require('electron');
const hot = require('./hot');

app.on('ready', () => {
  // 创建浏览器窗口等代码...

  if (process.env.NODE_ENV === 'development') {
    hot();
  }
});

在命令行中执行 'npm run dev'，即可启动 Electron-egg 项目的开发模式，实现热更新功能。

现在，当你修改 Electron-egg 项目的代码时，热更新的开发服务器会自动监听文件的变化并进行热更新，无需手动重启项目即可看到修改后的效果。