Webpack-面试-source-map
2026年10月16日·Admin·1 次浏览
面试题:devtool / source map 有哪些?生产环境怎么用?
作用
把压缩后的代码映射回源码,便于调试与错误监控还原堆栈。
常见模式(Webpack)
eval:快,质量一般。cheap-module-source-map:开发常用折中。source-map:完整独立 map,体积大。hidden-source-map:生成 map 不挂注释,适合只上传监控不暴露给用户。
生产注意
全量 source map 泄露源码;可内网构建、Sentry 等上传 map、对用户不公开 .map 文件。