当前位置: 首页 > 面试题库 >

Javascript .map文件-JavaScript源地图

冯皓
2023-03-14
问题内容

最近,我看到.js.map一些JavaScript库(例如Angular)附带了具有扩展名的文件,这在我脑海中引发了几个问题:

  • 这是为了什么 为什么Angular的员工会关心传递.js.map文件?
  • 我(作为JavaScript开发人员)如何使用该angular.min.js.map文件?
  • 我应该关心.js.map为JavaScript应用程序创建文件吗?
  • 如何创建?我看了一下,angular.min.js.map里面充满了格式奇怪的字符串,所以我认为它不是手动创建的。

问题答案:

.map文件是为jscss(现在ts也是如此)已经过压缩文件。它们称为SourceMaps。当您缩小文件(例如angular.js文件)时,它将占用数千行漂亮的代码,并将其变成仅几行丑陋的代码。希望在将代码交付生产时,您使用的是最小化的代码,而不是完整的,未最小化的版本。当您的应用在生产中且出现错误时,源地图将帮助您获取丑陋的文件,并允许您查看代码的原始版本。如果您没有源地图,那么任何错误充其量似乎都是神秘的。

CSS文件也一样。一旦获取了SASS或LESS文件并将其编译为CSS,它看起来就不会像其原始形式一样。如果启用了源贴图,则可以看到文件的原始状态,而不是修改后的状态。

因此,依次回答您的问题:

  • 这是为了什么 取消引用丑陋的代码
  • 开发人员如何使用它? 您可以使用它来调试生产应用程序。在开发模式下,您可以使用完整版的Angular。在生产中,您将使用缩小版本。
  • 我应该关心创建js.map文件吗? 如果您希望能够更轻松地调试生产代码,那么可以,您应该这样做。
  • 如何创建? 它是在构建时创建的。有一些构建工具可以像其他文件一样为您构建.map文件。https://github.com/gruntjs/grunt-contrib-uglify/issues/71

我希望这是有道理的。



 类似资料:
  • 我需要在浏览器中打开一个本地html文件。javascript运行良好,但ajax停止工作,XMLHttpRequest会出现交叉原点错误。有没有办法从本地目录运行ajax。对我来说,它只从本地文件运行是必要的。 谢谢

  • 问题内容: 我正在尝试加载本地JSON文件,但无法正常工作。这是我的JavaScript代码(使用jQuery: test.json文件: 什么都没有显示,Firebug告诉我数据未定义。在Firebug中,我可以看到它是好的且有效的,但是当我复制该行时,这很奇怪: 在Firebug的控制台中,它可以正常工作,并且我可以访问数据。 有人有解决办法吗? 问题答案: 是异步的,所以您应该这样做:

  • 问题内容: 我是JavaScript新手。我找到了一个使用上的javascript打开本地文件的示例。进行一些谷歌搜索之后,我可以将Chrome设置为允许读取本地文件,然后可以运行该示例。但是,我想返回该字符串并在以后的脚本中使用它。但是绳子变成外面了。 还有一个类似的问题在这里。似乎与的异步功能有关。目前,我几乎无法理解这些术语。我只是不明白为什么在本文中将的第三个参数设置为。 无论如何,下面是

  • 一个JS文件想使用本地一个JSON文件中的数据 百度了下,发现不能直接去读取这个JSON文件。可以通过JQUERY的一个方法或者new XMLHttpRequest();这样来获取到JSON文件中的内容,不知道还有没有其他更简洁的方法? https://segmentfault.com/a/1190000038275195

  • 我正在试验JavaFX控件,我想使用MathJax Javascript库来呈现数学内容。 作为测试,我创建了一个基本的JavaFXFXML项目,在FXML中添加了一个WebView,并更新了控制器代码,如下所示: html文件如下所示: 这正如预期的那样工作,并产生以下结果: 请注意,对于测试,html和JavaScript文件路径都是硬编码到硬盘上的位置,因此下一步是将html打包为与应用程序

  • 问题内容: 我正在尝试通过创建一个接受文件路径并将文本的每一行转换为char数组的函数来编写一个简单的文本文件阅读器,但是它不起作用。 这是怎么了? 从先前的版本中稍稍更改了代码后,这似乎仍然不起作用,现在给了我一个例外101。 我已经在Firefox上对其进行了测试,并且可以工作,但是在Google Chrome中它却无法工作,并且一直给我一个异常101。如何使它不仅可以在Firefox上而且还