WebStorm - NodeJS 调试不同的文件夹

Question

我在src 文件夹中有 NodeJS 应用程序的源代码。但是在文件夹 dist 我已经通过 webpack 从源文件夹（它是 1:1 复制）复制了应用程序（但我认为，在这种情况下没关系）。

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

我尝试过远程调试，但它不起作用。我已经设置了端口 5858，在 WebStorm 中我也可以看到“已连接到 localcohst:5858”。 （同样在浏览器中我可以在页面localhost:5858 上输入，我可以看到一些内容。

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

Answer 1

你应该通过在 webpack.config.js 中添加 devtool: "source-map" 来在 Webpack 中启用 source maps generation。 源映射描述了实际执行的 dist 文件夹中的已编译代码与您有断点的源代码之间的关系。