如何在 chrome 浏览器上使用 vs 代码在 webpack 上调试？

【问题标题】：how do I debug on webpack with vs code on chrome browser?如何在 chrome 浏览器上使用 vs 代码在 webpack 上调试？
【发布时间】：2020-12-09 03:10:15
【问题描述】：

如何在 chrome 浏览器上使用 vs 代码在 webpack 上进行调试？我是编程新手，以前在浏览器中调试的方式不起作用，因为 webpack 将它全部缩小到一行。我在网上找到的一切似乎都无关紧要

【问题讨论】：

【解决方案1】：

应该启用源映射生成，例如在 Angular 上，您可以在 angular.json 上启用它们，设置 sourceMap = true

当它在 chrome 上运行时，你可以在 top -> webpack:// -> 上找到它们。（是的，最后一个文件夹是一个点/点）。

在下一个链接上是一张图片，其中包含开发工具中源选项卡的文件夹结构。

【讨论】：