在reactjs中使用sourceMapSupport是什么？

Question

我正在从这里学习服务器端渲染qazxsw poi

我想知道他为什么在server.js中使用它？这段代码有什么用？

https://www.youtube.com/watch?v=duhudXkHRf4&t=927s

他已经在webpack.config.js中生成了server.js的源映射。

if (process.env.NODE_ENV === "development") {
     console.log("===============")
     sourceMapSupport.install();
 }

我将如何使用这个sourceMapSupport.install（）;请帮我理解

Answer 1

在chrome中运行项目时，F12转到控制台。在“源”选项卡下，您将看到左侧的文件夹列表。在Webpack下，您将看到一个文件列表。你可以点击行号来休息一下。

这在故障排除时非常有用，它与visual studio的功能类似。