electron-forge + webpack项目如何正确关闭LiveReload自动热重载功能

配置未生效的原因 #

你在webpack.main.config.js中添加的配置不生效，是因为Electron Forge webpack模板的LiveReload能力由@electron-forge/plugin-webpack插件统一管控，插件会覆盖独立webpack配置文件中的devServer相关参数，单独修改主进程webpack配置不会生效。

正确关闭方法 #

1. 打开项目根目录下的forge.config.js文件（如果你的配置写在package.json中，找到config.forge字段即可）
2. 定位到plugins数组内的@electron-forge/plugin-webpack配置项，在插件的第二个参数对象中添加devServer配置，示例如下：

module.exports = {
  // 其他原有配置保持不变
  plugins: [
    [
      "@electron-forge/plugin-webpack",
      {
        mainConfig: "./webpack.main.config.js",
        renderer: {
          // 原有renderer配置保持不变
        },
        // 新增以下配置
        devServer: {
          liveReload: false,
          hot: false,
          client: false
        }
      }
    ]
  ]
}

3. 检查主进程入口文件（默认路径src/index.js），如果存在以下热重载相关代码，直接删除即可：

if (module.hot) {
  module.hot.accept();
}

4. 重新执行yarn start启动项目，LiveReload功能已关闭。

内容的提问来源于stack exchange，提问作者Artisan72