关于SourceMap

发表于 更新于 阅读次数： 本文字数： 281 阅读时长 ≈ 1 分钟

SourceMap的出现使得前端编译语言可以在浏览器或者IDE中进行源码形式调试，针对它我们需要一定程度解。这里总结下。

  1. 程序文件SourceMap地址在文件中明确

  2. 在Chrome下，.map文件是不会显示在network中，浏览器会根据地址自动加载，从而结合程序文件生成源文件，比如index.tsx等

    • sourceMappingURL的支持离不开浏览器，浏览器根据该注释语法自动进行的加载，并非JS程序中实现的加载

  3. Chrome开发者工具面板下可以禁用map加载功能，默认开启状态

  4. SourceMap不仅适用于JS，当前样式开发会用到LESS，从而也可以加载对应map