Google chrome 网页包评估源映射使chrome断点不工作_Google Chrome_Webpack_Source Maps

Google chrome 网页包评估源映射使chrome断点不工作

google-chrome webpack

Google chrome 网页包评估源映射使chrome断点不工作,google-chrome,webpack,source-maps,Google Chrome,Webpack,Source Maps,我正在尝试使用评估源代码映射而不是源代码映射，因为doc说构建捆绑包应该更快但如果我使用评估源代码映射，chrome中的断点不会被命中我在谷歌上搜索过，它似乎没有破坏断点功能。我对eval source map有同样的问题，所以我最终切换回source map 然而，我发现有两种方法可以使eval源代码映射工作，尽管这很糟糕在正在处理的JS文件中插入一个调试器。在访问页面之前打开DevTools，然后调试器将把您带到正确的位置，添加断点，它们现在应该可以工作了或者插入console.lo

我正在尝试使用

评估源代码映射

而不是

源代码映射

，因为doc说构建捆绑包应该更快

但如果我使用

评估源代码映射

，chrome中的断点不会被命中

我在谷歌上搜索过，它似乎没有破坏断点功能。

我对

eval source map

有同样的问题，所以我最终切换回

source map

然而，我发现有两种方法可以使

eval源代码映射

工作，尽管这很糟糕

在正在处理的JS文件中插入一个调试器。在访问页面之前打开DevTools，然后

调试器将把您带到正确的位置，添加断点，它们现在应该可以工作了


或者插入console.log（'here is'）
而不是debugger
。然后打开DevTools->Console，在该行的右端，一个链接会将您带到Console.log
激发的位置。加上你的断点，它们也会起作用