调试压缩代码的秘密武器
function calculateSum(a, b) {
// 计算两个数的和
const result = a + b;
console.log('结果:', result);
return result;
}
const sum = calculateSum(10, 20);
console.log('总和:', sum);function n(n,r){var t=n+r;return console.log("结果:",t),t}var r=n(10,20);console.log("总和:",r);
// sourceMappingURL=app.js.map (指向映射文件){
"version": 3,
"sources": ["src/utils.js", "src/main.js"],
"names": ["calculateSum", "a", "b", "result"],
"mappings": "AAAA,SAASA...",
"file": "app.min.js"
}开启 SourceMap，方便调试
不部署 .map 文件，防止源码泄露
使用 `sourceMappingURL` 指向独立服务器
💡 SourceMap 工作原理： 压缩代码时，构建工具会记录每个字符在源代码中的位置，生成 .map 文件。 浏览器调试时，通过映射关系把压缩后的代码"还原"成源代码显示。 注意：生产环境不要暴露 .map 文件，防止源码泄露！