白狗子的博客

「天上浮云如白衣,斯须改变如苍狗。」——杜甫

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 文件。

© 2025 My Blog. Built with Nuxt.js v4