debuggingReact / Node后端

所以，这是情况。 我最近“inheritance了”一个体面的Web应用程序，使用React（和Redux）构build，并使用webpack / babel进行编译。 生成两个文件，app.js和server.js，这两个文件都在节点上运行。

该项目的原始开发人员大多是在后台（server.jsx等 – > server.js）“使用它”，使用console.log来弄清楚发生了什么，然后直接感觉到修复。 这在较小的范围内工作，但会在时间上出现问题。

我可以debugging两个实际的文件，但只有app.js被映射正确，这意味着我可以debugging源代码。 这也影响热负荷。 与server.js相关的任何断点只会在IntelliJ中的实际server.js文件中触发，这是一个完全不可读的网格，所以这不是一个真正的select。

我正在使用IntelliJ（WebStorm适合那些只使用networking版的人），而且我尝试过使用每一个指向我设置的指南，这通常归结为babel-node，babel观察者或者webpack-dev-server。 目前的app.js是使用webpack-dev-middleware运行的，在Chrome中debugging它就像一个魅力一样，但是由于某种原因，它总是捆绑在server.js中，然后在准备好的时候触发（在这些星球大战时代）。

我明白，Chrome浏览器很难访问server.jsx，但是肯定有一些设置IntelliJ（或WebStorm）的方法可以这样做？ 我更习惯于Java或C＃服务器端，所以我有点困惑，这不是一个直接的，现成的select。 或者，也许是，最初的设置是缺乏的？

PS。 当使用React（和Redux）作为Node的前端和后端时，是否意味着实际上不可能区分这两者？ Server.jsx是相当明显的，但有相当多的重复的JavaScript文件和依赖关系，特别是与处理/build立Redux商店有关。