Source Map 是什么？不同 devtool 配置有什么取舍？

Source Map 是把压缩/转译后的代码映射回原始源码的索引文件，让浏览器 DevTools 能显示你写的 TS/JSX 而非打包产物，便于断点调试。

devtool: 'source-map'  // 生成独立 .map，最完整但慢
devtool: 'eval-cheap-module-source-map'  // 开发推荐：快、行级、含原始列
devtool: 'hidden-source-map' // 生产：生成 map 但不引用，可上传 Sentry 但不暴露给用户

取舍：

• 开发：要快且准 → eval-cheap-module-source-map
• 生产：一般不暴露源码，用 hidden-source-map 私下给错误监控平台（Sentry）用
• 切勿把带 sourceMappingURL 的 map 直接部署到公网（泄露源码）

同分类其他题目