sourcemap 的锅不容易找人背，尤其在 webpack 里面，涉及的方面太多了

如果浏览器能调试的话，我是从来不用 vscode 的。首先就是不管 react 还是 vue，浏览器都有专门的 devtools 插件。很多简单的 bug 进去一看控件本身的 state/data 不对，或者 redux/vuex 的状态不对，就直接知道怎么回事了，不需要跟代码。其次，能不能下断点也是取决于 sourcemap 的，不是任何一行都能下断点的，在浏览器里不能下断点的行是灰色的。

webpack 根据你的设置，可能会调用 babel，而 babel 可能会把代码搞的面目全非。反正我的 ts 是 target esnext 的，vite 调用 esbuild 应该只是很简单的把类型信息都去掉，这样的 js 代码与 ts 源代码几乎是一一对应的，非常容易调试。被 babel 搞成 es5 的代码，要是调试能不跑飞了反倒奇怪了。

【 在 libgcc (乞讨积分,求施舍,长期有效) 的大作中提到: 】
: 现在vue3 sfc文件模式+typescrip+webpack，你能用code调试ts么
: 我搜了下，这个issue2018年挂出来，现在官方也没解决，sourcemap有问题。野路子的倒是有
: 神器公司的也不行
: ...................
--
FROM 115.188.133.*