Reactjs 如何在VisualStudio代码中调试使用webpack构建的react应用程序

我对react完全是新手，我想使用VisualStudio代码调试我的应用程序

这就是我所做的

• 我安装了visualstudio代码
• 添加Chrome调试器扩展
• 添加launch.json

{
//使用IntelliSense了解可能的属性。
//悬停以查看现有属性的描述。
//有关更多信息，请访问：https://go.microsoft.com/fwlink/?linkid=830387
“版本”：“0.2.0”，
“配置”：[
{
“类型”：“铬”，
“请求”：“启动”，
“名称”：“针对本地主机启动Chrome”，
“url”：”http://localhost:4000",
“webRoot”：“${workspaceFolder}”，
“sourceMapPathOverrides”：{
"webpack:///./*“：“${webRoot}/*”，
"webpack:///src/*“：“${webRoot}/*”，
“网页包：//*”：“*”，
"webpack:///./~/*“：“${webRoot}/node\u modules/*”，
“流星：//