使用webpack-dev-server进行调试会在控制台中列出VM文件

Question

使用chrome调试捆绑并与webpack-dev-server一起提供的某些javascript时，控制台中的输出指向名称和行号如下所示的文件：

VM17562 playground.js:118453

我猜这可以使用源地图改进吗？这些应该可以在某处使用，因为Chrome声称有Source Map Detected。

我的debug: true文件中有webpack.config.js。

我是否需要做一些特别的事情来让chrome使用这些文件，这样我才能在控制台中获得更清晰的源文件/行号输出？

Answer 1

您可以enable Source Maps in Google Chrome，但默认情况下最有可能启用它。您可以在开发工具窗口的“源”选项卡左侧的webpack：//文件夹中找到源图。

使用webpack配置中的devtool property，您可以选择以下设置：