如何在 Chrome 瀏覽器上使用 vs 代碼在 webpack 上調試？

Question

如何在 Chrome 瀏覽器上使用 vs 代碼在 webpack 上調試？ 我是編程新手，我以前在瀏覽器中調試的方式不起作用，因為 webpack 將它全部縮小到一行。 我在網上找到的一切似乎都無關緊要

Answer 1

應該啟用源映射生成，例如在 Angular 上，您可以在 angular.json 上啟用它們，設置 sourceMap = true

當它在 chrome 上運行時，您可以在頂部找到它們 -> webpack:// ->。 （是的，最后一個文件夾是一個點/點）。

在下一個鏈接上是一個圖像，其中包含開發工具中源選項卡的文件夾結構。

在哪里可以找到來自 webpack 的源映射代碼