sourceMap是什么？
-
是一项将编译、打包、压缩后的代码
映射回源代码的技术。是一个映射关系表 -
简单来说，sourceMap就是一个文件，里面存储着位置信息。
-
仔细点说，这个文件里面保存的，就是
转换后代码的位置，和对应的转换前的位置 -
需要浏览器支持解释器解析
// file.js.map
{
"version" : 3, // Source Map版本
"file": "out.js", // 输出文件（可选）
"sourceRoot": "", // 源文件根目录（可选）
"sources": ["foo.js", "bar.js"], // 源文件列表
"sourcesContent": [null, null], // 源内容列表（可选，和源文件列表顺序一致）
"names": ["src", "maps", "are", "fun"], // mappings使用的符号名称列表
"mappings": "A,AAAB;;ABCDE;" // 带有编码映射数据的字符串
}
同时需要在我们的压缩代码的末端加上这句注释，让sourceMap生效
//# sourceURL=/path/to/file.js.map
