代码在浏览器运行时，通常是通过压缩和丑化，导致对应的代码行号或者列号等跟之前有差异。假如代码打包之后在运行时报错了，调试会很不方便。
那么如何调整这种转换后不一致的代码呢，答案就是source-map
source-map
如何使用source-map
1.根据源文件生成source-map文件，webpack在打包的时候，配置source-map
2.再转换后的代码最后添加一个注释，让他指向sourcemap
//# sourceMappingURL=common.bundle.js.map
浏览器根据注释，找到相应的sourcemap,根据sourcemap还原代码。
目前一个sourcemap文件最终大小大概为原始文件的2.5倍左右。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
