1、简介
一个最简单的优化网站方法就是合并、压缩 JS 和 CSS 文件。但是如果需要在这些压缩后的文件中进行调试,这个时候实际运行的代码不同于开发代码,
debug 会变得很困难,这就是 Source Map 想要解决的问题。
2、什么是 Source Map
Source Map 提供了一个映射压缩文件到原文件初始位置的方法。这就意味着,使用浏览器或者其他软件可以轻松调试文件,即使是在资源文件以及被压缩后。
Chrome 和 Firefox 开发工具都已经内置支持 Source Map 了。当代码出错的时候,调试工具将直接显示原文件代码,而不是压缩后的,给开发者带来了
很大方便。
3、Source Map 如何生效
只要在转换后的代码尾部,加上一行就可以启用 Source Map 了,map 文件可以放在网络上,也可以放在本地文件系统。
//@ sourceMappingURL=/path/to/file.