所以，情况就是这样。我最近“继承”了一个体面的Web应用程序，使用React（和Redux）构建并使用webpack / babel编译。生成两个文件app.js和server.js，两者都在Node上运行。
该项目的原始开发人员主要是在后端（在服务器上运行它）（server.jsx等等 - ＆gt; server.js），使用console.log来弄清楚发生了什么，然后只是直觉感觉到了解决方案。这种方法规模较小，但在时间上会有问题。
我可以调试两个实际文件，但只有app.js被正确映射，这意味着我可以调试源代码。这也会影响热负荷。任何与server.js相关的断点都只会在IntelliJ中的实际server.js文件中触发，这是一个完全不可读的网格，所以这不是一个真正的选项。
我正在使用IntelliJ（WebStorm用于那些只使用网络版的用户），我试图使用我遇到的每一个指南进行设置，这通常归结为babel-node ，babel watchers或webpack-dev-server。当前的app.js是使用webpack-dev-middleware运行的，在Chrome中调试就像魅力一样，但由于某种原因，它总是只捆绑在server.js中，然后在准备就绪时触发（在这些星球大战时代）。 / p>
据我所知，Chrome很难获得对server.jsx的访问权限，但肯定必须有某种方法来设置IntelliJ（或WebStorm）吗？我更习惯于Java或C＃服务器端，所以我有点困惑，这不是一个直接的，开箱即用的选项。或许它是，并且缺乏初始设置？
PS。当在节点上使用React（和Redux）作为前端和后端时，是否几乎不可能区分这两者？ Server.jsx相当明显，但是有很多重复的javascript文件和依赖项，特别是与处理/构建Redux存储有关。