0%

关于SourceMap

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

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

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

    • sourceMappingURL的支持离不开浏览器,浏览器根据该注释语法自动进行的加载,并非JS程序中实现的加载
  3. Chrome开发者工具面板下可以禁用map加载功能,默认开启状态

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