Подтвердить что ты не робот

Что такое файл карты TypeScript?

Я видел файлы .map для TypeScript. Я хочу знать, для чего предназначены эти файлы. Они содержат ссылки на другие файлы, указанные в файле .ts?

4b9b3361

Ответ 1

.map файлы - это файлы исходных карт, которые позволяют отображать инструменты между испускаемым кодом JavaScript и исходными файлами TypeScript, которые его создали. Многие отладчики (например, Visual Studio или инструменты Chrome dev) могут использовать эти файлы, чтобы вы могли отлаживать файл TypeScript вместо файла JavaScript.

Это тот же формат исходной карты, который создается некоторыми minifiers и другими скомпилированными языками JS, такими как CoffeeScript.

Ответ 2

Исходная карта - это в основном то, что она говорит, карта с одного языка на другой, поэтому отладчик может запускать код JavaScript, но показывать вам которая фактически сгенерировала его.

Прочтите раздел "Анатомия карты источника" здесь:

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

Для практических целей отладки

Что позволяет исходная карта, установите точку останова в файле TypeScript, а затем отлаживайте код. Это можно сделать в Chrome и Firefox. Вхождение в точку останова на самом деле может произойти в преобразованном JavaScript (т.е. Сопоставленном файле "js" ) - это то, что вы увидите при использовании инструментов разработчика Chrome. На момент написания статьи отладчик Firefox мог сломать фактический код TypeScript, но Chrome не может - см. Ниже ссылку.

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

(это также показывает, как Visual Studio можно настроить для создания исходной карты)