跟babel什么的没关系，只有sfc文件有这个问题
单编ts文件没问题，sfc+js也没问题

所以压根就是vue的生态工具不行
【 在 eGust 的大作中提到: 】
: sourcemap 的锅不容易找人背，尤其在 webpack 里面，涉及的方面太多了
: 如果浏览器能调试的话，我是从来不用 vscode 的。首先就是不管 react 还是 vue，浏览器都有专门的 devtools 插件。很多简单的 bug 进去一看控件本身的 state/data 不对，或者 redux/vuex 的状态不对，就直接知道怎么回事了，不需要跟代码。其次，能不能下断点也是取决于 sourcemap 的，不是任何一行都能下断点的，在浏览器里不能下断点的行是灰色的。
: webpack 根据你的设置，可能会调用 babel，而 babel 可能会把代码搞的面目全非。反正我的 ts 是 target esnext 的，vite 调用 esbuild 应该只是很简单的把类型信息都去掉，这样的 js 代码与 ts 源代码几乎是一一对应的，非常容易调试。被 babel 搞成 es5 的代码，要是调试能不跑飞了反倒奇怪了。
: ...................
--
FROM 119.103.161.*