当前位置: 首页 > 软件库 > 程序开发 > 地图相关 >

Source-map

生成和使用源地图格式
授权协议 BSD
开发语言 JavaScript
所属分类 程序开发、 地图相关
软件类型 开源软件
地区 不详
投 递 者 杭泉
操作系统 跨平台
开源组织 Mozilla
适用人群 未知
 软件概览

Source-map 是一个能够生成和使用源地图格式的开发包。

这个开发包是使用异步模块定义格式编写的,工作在下面的环境中:

  • 现代浏览器支持 ECMAScript 5 

  • 内置火狐作为 JSM 文件(after the build)

  • 需要 NodeJS 0.8.X 或更高版本

使用源地图(Consuming a source map)

var rawSourceMap = {
  version: 3,
  file: 'min.js',
  names: ['bar', 'baz', 'n'],
  sources: ['one.js', 'two.js'],
  sourceRoot: 'http://example.com/www/js/',
  mappings: 'CAAC,IAAI,IAAM,SAAUA,GAClB,OAAOC,IAAID;CCDb,IAAI,IAAM,SAAUE,GAClB,OAAOA'};var smc = new SourceMapConsumer(rawSourceMap);console.log(smc.sources);// [ 'http://example.com/www/js/one.js',//   'http://example.com/www/js/two.js' ]console.log(smc.originalPositionFor({
  line: 2,
  column: 28}));// { source: 'http://example.com/www/js/two.js',//   line: 2,//   column: 10,//   name: 'n' }console.log(smc.generatedPositionFor({
  source: 'http://example.com/www/js/two.js',
  line: 2,
  column: 10}));// { line: 2, column: 28 }smc.eachMapping(function (m) {  // ...});
  • 什么是source-map 构建了处理前的代码和处理后的代码之间的桥梁。主要是方便开发人员的错误定位。处理是指 压缩,减小体积将多个文件合并成同一个文件,其他语言编译成javascript,比如TypeScript和CoffeeScript等 设置dev-tool const path = require('path') const HtmlWebpackPlugin = require('htm

  • 优化打包构建速度: 1.HMR:模块热替换【从 webpack-dev-server v4.0.0 开始,热模块替换是默认开启的。】 作用:一个模块发生变化,只会重新打包这一个模块,而不会打包所有模块。 hot: true   优化代码调试:  2.source-map:一种提供源代码到构建后代码的映射技术(方便调试) devtool: 'source-map' [inlune-| hidden-

  • source-map:一种提供源代码到构建后代码的映射的技术 (如果构建后代码出错了,通过映射可以追踪源代码错误) 参数:[inline-|hidden-|eval-][nosources-][cheap-[module-]]source-map 代码: devtool: 'eval-source-map' 可选方案:[生成source-map的位置|给出的错误代码信息] source-map:

 相关资料
  • 我是webpack的新手,我需要参与设置以生成源地图。我正在从命令行运行,该命令已成功编译。但我真的需要源地图。这是我的。 我对webpack很陌生,虽然这些文档并没有真正起到帮助,但我不确定这个问题具体是什么。

  • 概述 生成和启用 格式 mappings属性 VLQ编码 参考链接 概述 随着JavaScript脚本变得越来越复杂,大部分源码(尤其是各种函数库和框架)都要经过转换,才能投入生产环境。 常见的源码转换,主要是以下三种情况: 压缩,减小体积。比如jQuery 1.9的源码,压缩前是252KB,压缩后是32KB。 多个文件合并,减少HTTP请求数。 其他语言编译成JavaScript。最常见的例子就

  • 问题内容: 最近,我看到一些JavaScript库(例如Angular)附带了具有扩展名的文件,这在我脑海中引发了几个问题: 这是为了什么 为什么Angular的员工会关心传递文件? 我(作为JavaScript开发人员)如何使用该文件? 我应该关心为JavaScript应用程序创建文件吗? 如何创建?我看了一下,里面充满了格式奇怪的字符串,所以我认为它不是手动创建的。 问题答案: 该文件是为和(

  • 我正在使用webpack来配置源代码映射。我想知道有人能澄清“val”和“evar-source-map”之间的区别吗?我个人看不出有什么区别。

  • 地图图表用于绘制热图或树图图表。 在本节中,我们将讨论不同类型的Map图表。 Sr.No. 图表类型和描述 1 Heat Map 热图。 2 树地图 树地图。

  • 我有下面的地图 我在html中的错误尝试如下所示 我的问题如下: 每个复选框的标签应为“症状['name']-如何将其集成到*ngFor? 我现在看到的复选框和标签如下所示: 但是,标签似乎位于一行,复选框位于另一行。我正在使用引导。min.css,不知道这是否是主要原因。复选框也比预期的大,如下所示: 干杯,谢谢泰迪