VSC Chrome调试器中的网页包开发服务器(例如Angular)和webRoot

VSC Chrome调试器中的网页包开发服务器(例如Angular)和webRoot,angular,google-chrome-extension,visual-studio-code,webpack-dev-server,Angular,Google Chrome Extension,Visual Studio Code,Webpack Dev Server,我们一直在使用webpack dev server进行一个项目,鉴于提供的Chrome调试器文档,我们很难理解Visual Studio代码的launch.json中的webRoot Chrome调试器说: “…将webRoot设置为提供文件的目录。” 使用webpack dev server(Angular和其他几个框架使用),内容是从内存提供的,而不是从驱动器上的任何给定目录提供的。例如,dist文件夹不包含最新版本的生成。如果在运行webpack dev server时更改源文件,则只会更

我们一直在使用
webpack dev server
进行一个项目,鉴于提供的Chrome调试器文档,我们很难理解Visual Studio代码的
launch.json
中的
webRoot

Chrome调试器说:

“…将webRoot设置为提供文件的目录。”

使用
webpack dev server
(Angular和其他几个框架使用),内容是从内存提供的,而不是从驱动器上的任何给定目录提供的。例如,
dist
文件夹不包含最新版本的生成。如果在运行
webpack dev server
时更改源文件,则只会更新内存中的版本。事实上,为了避免混淆,许多框架在启动
webpack dev服务器时会删除
dist
文件夹

从:

“…此修改的包是从相对路径的内存中提供的 在publicPath中指定(请参阅API)。它将不会写入您的 已配置的输出目录…”

由于提供服务的目录不明确位于驱动器上,因此我们不清楚
webRoot
文件夹需要是什么,以及为什么

作为旁注,强制
webpack dev server
(例如angular)不删除
dist
文件夹,然后将
webRoot
设置为
dist
文件夹,使
.scripts
命令显示本地主机和驱动器上的文件之间的连接(我认为应该如此)。但这不是首选,因为
dist
不支持最新版本,必须更改默认角度行为

如有任何帮助/见解,将不胜感激