具有本地覆盖的 DevTools 和 Webpack

til*_*box 6 bundle google-chrome devtools web webpack

我使用 Chromium 浏览器(版本 99.0.4844.0)访问一个网站并打开 DevTools (F12),然后转到“Sources”、“Overrides”,在其中粘贴一个文件夹。

然后我可以对“源”和“页面”下的文件进行更改,这些文件也会在页面重新加载后显示。

“Page”下是“webpack://”区域(源映射)。对文件的更改也会出现在下面的“更改”选项卡中,但它们不会生效。

我怎样才能对“webpack://”区域中的文件进行更改?

在最新的 Google Chrome 版本中,“保存以覆盖”不适用于“源”、“页面”下的 webpack 文件。