VScode调试模式，在代码中加入debugger

压缩代码的Debug

在日常的编程中，加断点对代码调试很有作用。web网页的调试一般在调试窗口中手动加入断点。

但是当代码经由webpack处理压缩后，代码可阅读性下降，并且变量等也被再次修改名称，这时候加断点就变得困难重重。需要使用编译器的调试模式。
vscode的调试模式

启动后编译器上可以查看各种调试的数据

浏览器上调试页面

可以看到，压缩的代码正常显示出来，并且被加入了断点

debugger删除不掉？

正常情况下当然删除debugger就不会再触发断点，但是我最近就遇见了一次奇怪的事！
当时因为要观察整个数据的流动，在node_modules包中的插件我加入了debugger代码，随后使用完毕删除后，页面不管怎么刷新都还是存在这个debugger，我换了浏览器还是这样，那就应该不是浏览器的缘故
后来查了网上的各种方法，但是都没起到作用，只能用了最暴力的方式，删除了包，从新下载了一次，相当于将包更新了一次，终于没有了。