Node.js WebStorm-NodeJS调试不同的文件夹

Node.js WebStorm-NodeJS调试不同的文件夹,node.js,debugging,webstorm,remote-debugging,Node.js,Debugging,Webstorm,Remote Debugging,我在src文件夹中找到了NodeJS应用程序的源代码。但在文件夹dist中,我通过网页从源文件夹复制了应用程序(它是1:1的副本)(但我认为,在这种情况下,这并不重要) 我有个问题。是否可以在src文件夹中设置断点,从dist文件夹运行应用程序并正确运行调试 我尝试过远程调试,但不起作用。我已经设置了5858端口,在WebStorm中我也可以看到“connectedtolocalcohst:5858”。(同样在浏览器中,我可以进入页面localhost:5858,我可以看到一些内容) 在这种情况

我在
src
文件夹中找到了NodeJS应用程序的源代码。但在文件夹
dist
中,我通过网页从源文件夹复制了应用程序(它是1:1的副本)(但我认为,在这种情况下,这并不重要)

我有个问题。是否可以在
src
文件夹中设置断点,从
dist
文件夹运行应用程序并正确运行调试

我尝试过远程调试,但不起作用。我已经设置了5858端口,在WebStorm中我也可以看到“connectedtolocalcohst:5858”。(同样在浏览器中,我可以进入页面
localhost:5858
,我可以看到一些内容)

在这种情况下,
dist
文件夹中的断点不起作用。

您应该通过在Webpack.config.js中添加
devtool:“源地图”
来启用Webpack。
源代码映射描述实际执行的dist文件夹中编译的代码与具有断点的源代码之间的关系。

对于由Webpack Copy Plugin复制的文件,不会生成源代码映射。这样就没有办法了。对于客户端调试,远程url映射在这种情况下会有所帮助。但是无法为node.js调试指定此类映射,因此sourcemaps是唯一的方法