Javascript 使用webpack dev server进行调试时,控制台中列出了VM文件

Javascript 使用webpack dev server进行调试时,控制台中列出了VM文件,javascript,google-chrome,webpack,Javascript,Google Chrome,Webpack,当使用chrome调试与webpack dev server捆绑并提供的某些javascript时,控制台中的输出指向具有如下名称和行号的文件: VM17562游乐场.js:118453 我猜这可以通过使用源地图来改进?这些应该在某处可用,因为Chrome声称检测到源映射 我的webpack.config.js文件中有debug:true 我是否需要做一些特殊的事情让chrome使用这些文件,以便在控制台中获得更清晰的源文件/行号输出?您可以,但它很可能是默认启用的。您可以在“开发工具”窗口中“

当使用chrome调试与
webpack dev server
捆绑并提供的某些javascript时,控制台中的输出指向具有如下名称和行号的文件:

VM17562游乐场.js:118453

我猜这可以通过使用源地图来改进?这些应该在某处可用,因为Chrome声称检测到
源映射

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

我是否需要做一些特殊的事情让chrome使用这些文件,以便在控制台中获得更清晰的源文件/行号输出?

您可以,但它很可能是默认启用的。您可以在“开发工具”窗口中“源”选项卡左侧的webpack://文件夹中找到源地图

使用网页包配置中的,可以从以下设置中进行选择:


谢谢!在我的
webpack.config.js
文件中添加
devtool:“廉价源代码映射”
为我提供了合适的控制台源代码。