vscode本身不运行babel，真正转译依赖终端命令或构建工具；babel 7+只认babel.config.js且必须用exports.default，.babelrc已弃用；targets需硬编码浏览器版本，react 17+须配@babel/preset-react并设runtime:"automatic"。
VSCode 本身不运行 Babel，所谓“Babel-RC 插件”并不存在——你装的只是语法高亮或 lint 提示工具，真正转译靠的是终端执行的 babel 命令或构建工具调用 @babel/core。
为什么 .babelrc 文件不生效？
Babel 7+ 已弃用 .babelrc，只认 babel.config.js（且必须用 exports.default）。如果你还在项目根目录放 .babelrc，哪怕内容完全正确，Babel 也会静默忽略它，输出原样代码，不报错也不警告。
-
.babelrc只在单包项目中局部生效，monorepo 或 pnpm workspace 下彻底失效 - VSCode 的任何插件（如 “Babel JavaScript”）都读不到
.babelrc来驱动转译，它只影响语法着色 - 若你用的是 TypeScript，
babel.config.js里不能写import type，否则直接抛SyntaxError: Unexpected token 'export'
targets 必须硬编码浏览器版本号
用 "last 2 versions" 或 "> 0.25%, not dead" 看似省事，但在旧版兼容场景下极危险。Babel 默认按 node: "current" 推断环境，结果 ?.、??、/d 正则标志全都不降级，IE11 直接白屏报 SyntaxError: Invalid regular expression flag 'd'。
- 明确写死目标：
targets: { chrome: '58', safari: '12', ie: '11', firefox: '60' } - 避免模糊写法如
"ie >= 11"，某些 Babel 版本会直接跳过解析 - 若项目含 React 17+，必须加
@babel/preset-react并设runtime: "automatic"，否则运行时报ReferenceError: jsx is not defined
VSCode 调试时断点总停错地方？
这是因为 launch.json 没配对 sourcemap 映射路径，或者编译产物没生成 map 文件。VSCode 不关心你用没用 Babel，它只认 sourceMaps 和 outFiles 的匹配关系。
-
"program": "${workspaceFolder}/src/index.js"—— 启动入口必须指向源码，不是dist -
"outFiles": ["${workspaceFolder}/dist/**/*.js"]—— 必须 glob 匹配所有 JS，不能只写dist/index.js - 确保
babel命令带--source-maps，且tsconfig.json中"sourceMap": true已启用 - 别在
launch.json里写"resolveSourceMapLocations"，设为null或删掉，让它走默认逻辑
最容易被忽略的是：Babel 配置是否被实际加载。运行 npx babel --version 确认版本，再执行 npx babel src/index.js --out-file dist/index.js --presets=@babel/preset-env 看输出是否变化——绕过构建工具直测，才能快速定位是配置问题还是集成链路问题。
