什麼是TypeScript地圖文件？

Question

我看過TypeScript的.map文件。我想知道的是這些文件的用途。它們是否包含對.ts文件中引用的其他文件的引用？

Answer 1

.map文件是源代碼映射文件，可讓工具在發出的JavaScript代碼和創建它的TypeScript源文件之間進行映射。許多調試器（例如Visual Studio或Chrome的開發工具）都可以使用這些文件，因此您可以調試TypeScript文件而不是JavaScript文件。

這是由一些縮小器和其他編譯成JS語言（如CoffeeScript）生成的相同的源映射格式。

Answer 2

源地圖基本上是說話算數，從一種語言的地圖 另一個，所以調試器可以運行JavaScript代碼，但告訴你，其實生成它的 線。

出於實際調試目的：

源地圖讓您做些什麼設置在打字稿文件斷點，然後調試代碼。這可以在Chrome和Firefox中完成。有點令人困惑的是，Chrome中的調試器行爲是當達到斷點時，實際顯示'.js'文件（停在斷點處）。

截至今日，Firefox調試器將在中斷時顯示實際的TypeScript文件。請參見下面的參考：

http://www.gamefromscratch.com/post/2014/05/27/TypeScript-debugging-in-Visual-Studio-with-IE-Chrome-and-Firefox-using-Source-Maps.aspx）

（這也說明Studio如何視覺可以被配置爲創建源地圖）

要了解源映射是如何工作的，你可以閱讀節「的源圖」這裏的解剖：

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