什么是Sourcemap
Sourcemap 本质上是一个信息文件,里面储存着代码转换前后的对应位置信息。它记录了转换压缩后的代码所对应的转换前的源代码位置,是源代码和生产环境代码的映射。 Sourcemap 解决了在打包过程中,代码经过压缩,去空格以及 babel 编译转化后,由于源代码与生产环境代码之间差异性过大,造成无法debug的问题。
在生产环境文件中,会有一行底部注释 其中 sourceMappingURL
指向 sourcemap 文件地址,形如:
1 | //# sourceMappingURL=http://example.com/path/to/your/sourcemap.map |