sourcemap

原创 2013年12月05日 18:34:14

SourceMap 的文件内容是个js对象,其个字段是:

    - version:Source map的版本,目前为3。
  - file:转换后的文件名。
  - sourceRoot:转换前的文件所在的目录。如果与转换前的文件在同一目录,该项为空。
  - sources:转换前的文件。该项是一个数组,表示可能存在多个文件合并。
  - names:转换前的所有变量名和属性名。
  - mappings:记录位置信息的字符串。


处理(预处理、合并、压缩)后的最终文件底部的属性://@  sourceMappingURL 的注意点:

      sourceMappingURL的值可以是Data URI scheme的值,也可以是映射文件的路径(如果是相对路径,则是相对处理后的文件的路径),当然写绝对路径那是肯定没问题。



参考:

        阮一峰的JavaScript Source Map 详解

相关文章推荐

使用sourcemap 查找js压缩文件对应的未压缩文件的错误处

使用sourcemap 查找js压缩文件对应的未压缩文件的错误处文章由来公司做了一个监控错误的平台,每次能看到对应文件报错的行数和列数以及内容,但是因为该平台还不支持sourcemap,以至于每次报错...

解决Failed to parse SourceMap: http:xxx 问题

最近在调试web网站的时候,看到Chrome的Dev Tool的控制台打印出来一个莫名的错误,类似于Failed to parse SourceMap: http:xxx的提示。感觉这应该不是ja...

webpack sourcemap 选项多种模式的一些解释

有人说 Webpack 难用,原因是 sourcemap 有 7 种,本文就尝试解释下这些选项都是什么意思,不仅如此,本文还会分析如何用最好的姿势使用这些配置。 先一项一项来看: ...

关于webStorm设置less自动编译css和sourcemap问题

前两天项目页面迭代版本,接手同事的页面(据说是经了三人的手...),css中内容已经惨不忍睹,忍着痛苦算是完成了css效果。痛定思痛,以后写代码一定要用less,维护起来不会这么惨。问一个朋友,他是用...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:sourcemap
举报原因:
原因补充:

(最多只允许输入30个字)