Co to jest plik mapy TypeScript?

Question

Widziałem pliki .map dla TypeScript. Chcę wiedzieć, do czego służą te pliki. Czy zawierają odniesienia do innych plików wymienionych w pliku .ts?

Answer 1

.map to pliki z mapami źródłowymi, które pozwalają narzędziom mapować między emitowanym kodem JavaScript a plikami źródłowymi TypeScript, które je utworzyły. Wiele debuggerów (np. Visual Studio lub narzędzi programistycznych Chrome) może zużywać te pliki, aby można było debugować plik TypeScript zamiast pliku JavaScript.

To jest ten sam format mapy źródłowej, który jest tworzony przez niektóre miniliegi i inne języki kompilowane do JS, takie jak CoffeeScript.

Answer 2

Źródło map jest w zasadzie to, co mówi, mapa z jednego języka na innym, tak debugger można uruchomić kod JavaScript jednak pokazać linię że faktycznie generowany go.

Dla celów praktycznych debugowania:

Co mapa źródłem pozwala nie jest ustawiony punkt przerwania na maszynopis pliku i debugowania kodu. Można to zrobić w przeglądarce Chrome i Firefox. Trochę myląco, zachowanie debuggera w Chrome polega na tym, że po osiągnięciu punktu przerwania plik ".js" jest faktycznie wyświetlany (zatrzymany w punkcie przerwania).

Na dzień dzisiejszy debugger Firefoksa wyświetli rzeczywisty plik TypeScript po jego złamaniu. Patrz poniżej odniesienia:

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

(ten pokazuje również, jak Visual Studio może być skonfigurowany tak, aby stworzyć mapę źródłowy)

Aby zrozumieć, w jaki sposób mapa źródło działa, można przeczytać sekcję „The anatomia z mapy źródłowej”tu:

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