sourcemap解决的时debug的问题
首先调试用的浏览器必须支持sourcemap这个功能,并勾选
为什么有这个需求
1. 文件压缩
2. 其他文件转换的 比如sass-> css ,typescript->js,coffeescript->js
3. 多个文件合并,减少http请求数
这种情况下要调试运行的代码,非常困难
那为什么不在开发环境中调试呢?有的时候可能我就是放到了生产环境之后,问题才出现了,必须要用合并后的代码调试(可能本生合并就是有错误的冲突的)
什么是sourcemap
source map是一个信息文件,里面存储着位置信息,也就是说,转换的的代码的每一个位置,所对应的转换前的位置
有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码,这无疑为调试带来了质的飞跃