美文网首页
source map文件

source map文件

作者: shanshanfei | 来源:发表于2017-02-06 15:11 被阅读0次

现在的源码都是经过压缩、合并后,再投入线上使用的。但是造成线上调试比较困难,source map是js文件压缩后,文件的变量名替换对应变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下。如jquery.min.js在最后一行会有一句代码:

//@ sourceMappingURL=jquery.min.map

这样在支持source map的浏览器中,就会去下载jquery.min.map文件,当有问题的时候,就可以用jquery源码来进行调试了。自己的代码最后加上:

//@ sourceMappingURL=/path/to/file.js.map

也可以实现线上源码调试。

相关文章

  • JavaScript Source Map

    参考:Source Map Source Map是什么 Source Map 一个独立的map文件,与源码在同一个...

  • source map文件

    现在的源码都是经过压缩、合并后,再投入线上使用的。但是造成线上调试比较困难,source map是js文件压缩后,...

  • Source Map 文件

    1.定义 SourceMap 一个存储源代码与编译代码对应位置映射的信息文件 在前端的工作中主要是用来解决以下三个...

  • 弄懂 SourceMap,前端开发提效 100%

    一、什么是 Source Map 通俗的来说, Source Map 就是一个信息文件,里面存储了代码打包转换后的...

  • webpack 的 source-map 设置

    source map是什么 source map 是一个信息文件,里面储存着位置信息,是转化(打包压缩混淆)后代码...

  • Vue3:Source Map

    1、 什么是 Source Map Source Map 就是一个信息文件,里面储存着位置信息。也就是说,Sour...

  • gulp生成source Map

    source Map 简单说,Source map就是一个信息文件,里面储存着位置信息。也就是说,转换后的代码的每...

  • Angular 项目里和 sourceMap 相关的设置

    生产环境里,sourceMap 为 false:source source-map 和 source-map-lo...

  • 关于浏览器的source map

    1.如果启用了source map,浏览器是不是一开始就把source map文件和源码一起下载回来?如果是这样的...

  • 3.记录Vue项目调试总结+Chrome调试

    打开config/index.js文件, 修改source map属性,从cheap-module-eval-so...

网友评论

      本文标题:source map文件

      本文链接:https://www.haomeiwen.com/subject/aefuittx.html