1 visual studio code 的 extentions 里安装插件 debugger for chrome
2 devtool: 'eval-source-map', cacheBusting：false
3 chrome 快捷方式 在目标一栏，最后加上 --remote-debugging-port=9222，注意要用空格隔开
4 .vscode 里面放一个 launch.json 文件
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "attach",
"name": "Attach to Chrome",
"port": 9222,
"webRoot": "${workspaceRoot}/src",
"url": "http://localhost:8080",
"sourceMaps": true,
"sourceMapPathOverrides": {
"webpack:///src/*": "${webRoot}/*"
}
}
]
}
5 先点击chrome快捷方式，启动调试版的chrome
6 启动项目，并且在chrome里运行，localhost:8080
7 点击调试的 绿色三角，用attach方式，map到chrome的localhost:8080 这个地址