【问题标题】：React + Electron + react-hot-loader + react-router + webpack-dev-serverReact + Electron + react-hot-loader + react-router + webpack-dev-server
【发布时间】：2020-01-01 04:39:07
【问题描述】：

说明

拜托，我很绝望。在过去的 3 天里，我一直在尝试在电子应用程序中实现 react-hot-loader ，但不知道还能尝试什么。我正在关注许多 cmets、帖子、问题，试图复制他们所做的事情，但没有一个能给我提供有关整个设置的足够信息，因此我可以找到我所缺少的。我已经尝试过 electron-webpack 但它对我不起作用。它有来自 webpack 的 HMR，但没有 react-hot-loader，这使得使用 react-router 的应用程序很难使用。也许不可能，但人们似乎已经做到了，所以我不愿意放弃。

预期行为

使用 electron、webpack、webpack-dev-server、react、react-router、react-hot-loader 设置项目。我希望能够更改 CSS 和 HTML 字符串，而不必使用 webpack 重建整个项目并重新启动它。

实际行为

在通过 react-router 链接访问的组件中寻找正确的样式需要很长时间。不能一直这样。我一直在为此目的使用开发工具，但它甚至没有接近通过在 IDE 中尝试实现的速度。

环境

部门：

电子 4.2.10
webpack-cli 3.3.7
webpack-dev-server 3.8.0
webpack 4.39.3
react-hot-loader 4.12.12
react-router-dom 5.0.1，

系统：

操作系统 Ubuntu 18.04 LTS
节点 10.16.2
npm 6.9.0
纱线 1.7.3

可重现的演示

这是我正在尝试为https://github.com/nahuelarjonadev/kafka-lens/ 设置的项目，但我最终只是在寻找一个超级简单的工作演示，以便我可以镜像配置或至少获得有关如何操作的提示.我还没有找到。

【问题讨论】：

标签： reactjs webpack react-router electron webpack-dev-server

【解决方案1】：

使用 webpack react electron 样板并在其上添加 react-hot-reloader 或您想要添加的任何其他内容，我相信这可能会起作用，这肯定是一个很好的起点。

https://github.com/electron-react-boilerplate/electron-react-boilerplate

【讨论】：