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

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 - >控制台，在该行的右端，链接会将您带到console.log触发的地方。添加你的折点，他们也应该工作。