什么是TypeScript地图文件?

我见过TypeScript的.map文件。 我想知道的是这些文件的用途。 它们是否包含对.ts文件中引用的其他文件的引用?

.map文件是源映射文件,可让工具在发出的JavaScript代码和创build它的TypeScript源文件之间进行映射。 许多debugging器(例如Visual Studio或Chrome的开发工具)可以使用这些文件,因此您可以debuggingTypeScript文件而不是JavaScript文件。

这是由一些缩略语和其他编译成JS语言如CoffeeScript生成的相同的源映射格式。

源地图基本上就是它所说的一个从一种语言到另一种语言的地图,所以debugging器可以运行JavaScript代码,但会显示实际生成的代码。

阅读“源地图解剖”一节:

https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

为了实际的debugging目的:

源图可以让你在TypeScript文件上设置一个断点,然后debugging代码。 这可以在Chrome和Firefox中完成。 进入断点本身实际上可能发生在传送的JavaScript(即映射的“js”文件)中 – 这是使用Chrome开发人员工具时会看到的内容。 在撰写本文时,Firefoxdebugging器可能会破坏实际的TypeScript代码,但Chrome无法访问以下参考资料。

使用说明书

(这也显示了如何configurationVisual Studio来创build源地图)