webpack eval-source-map使chrome断点不起作用

Question

我尝试使用eval-source-map代替source-map，因为doc说构建捆绑包应该更快。

但如果我使用eval-source-map，则Chrome中的断点不会被点击。

我已经用Google搜索了，看起来eval-source-map没有破坏断点功能。

Answer 1

我对eval-source-map有同样的问题，所以我最终切换回source-map。

但是，我确实找到了两种使eval-source-map工作的方法，但很脏。

1. 在您正在处理的JS文件中插入debugger。在您访问该页面之前打开 DevTools ，然后debugger会将您带到正确的位置，添加您的断点，他们现在应该可以使用。

2. 或插入console.log('here is it')代替debugger。然后打开 DevTools - ＆gt; 控制台，在该行的右端，会有一个链接指向console.log触发的位置。添加你的断点，他们也应该工作。