背景
我们的项目源码通常通过一系列转换才能投入生产。但是,这也意味着,最终生成的代码已经改头换面了,不方便调试。
常见的源码转换,主要是以下三种情况
- 压缩,减小体积
- 多个文件合并,减少http请求数
- 通过loader编译语言,例如TypeScript转换到js
Source Map为我们解决了这一问题。Source Map能将打包后文件映射到源文件中的原位置,方便开发者debug。
什么是Source Map
Source Map是一个信息文件,里面存储着位置信息,也就是转换之后的代码的每一个位置,所对应的转换前的位置。debug的时候,可以直接显示源代码,而不是转换后的代码。