Source maps

Source maps 是一种用于调试和错误追踪的技术，它能够将压缩、混淆、转换后的代码映射回原始的、易于阅读的源代码。

当开发者在编写 JavaScript、CSS 或者其他前端代码时，经常会使用工具对代码进行压缩、混淆和转换等处理，以减小文件大小并提高加载速度。然而，这些处理后的代码往往难以理解和调试，因为它们已经与原始的源代码存在很大差异。

这时，就可以使用 source maps 技术。Source maps 是一种包含了源代码与处理后代码之间映射关系的文件。它记录了处理后代码中的每个位置与源代码中的对应位置之间的映射关系，包括行号、列号以及源文件路径等信息。

当出现错误或需要进行调试时，开发者可以使用 source maps 技术将处理后的代码映射回原始的源代码。调试器或开发者工具会读取 source maps 文件，根据其中的映射关系将错误或调试信息准确地定位到源代码中的对应位置。这样，开发者就可以像调试原始代码一样，方便地查找错误和进行调试。

Source maps 广泛应用于前端开发中，特别是在使用诸如 Babel、TypeScript、Webpack 等工具进行代码转换和打包时。它大大提高了开发效率和代码调试的便捷性，帮助开发者快速定位和修复问题。