2013-07-05 14 views

Antwort

56

.map-Dateien sind Quellkartendateien, mit denen Tools zwischen dem ausgegebenen JavaScript-Code und den TypeScript-Quelldateien, die ihn erstellt haben, zugeordnet werden können. Viele Debugger (z. B. Visual Studio oder die Dev-Tools von Chrome) können diese Dateien verwenden, sodass Sie die TypeScript-Datei anstelle der JavaScript-Datei debuggen können.

Dies ist das gleiche Quellkartenformat, das von einigen Minifiern und anderen kompilierten JS-Sprachen wie CoffeeScript erzeugt wird.

+8

Was den richtigen Weg wäre, die' .map' Dateien in einer Website einbinden? –

1

Eine Quelle Karte ist im Grunde, was es heißt, eine Karte von einer Sprache in einer anderen , so dass der Debugger kann den JavaScript-Code ausführen, sondern zeigt Ihnen die Linie, die tatsächlich erzeugt.

Für praktische Debuggen:

Was die Quelle Karte können Sie einen Haltepunkt auf dem Typoskript Datei gesetzt und dann den Code debuggen. Dies kann in Chrome und Firefox erfolgen. Das Debugger-Verhalten in Chrome ist etwas verwirrend: Wenn der Haltepunkt erreicht ist, wird die Datei ".js" tatsächlich angezeigt (gestoppt am Haltepunkt).

Ab heute zeigt der Firefox-Debugger beim Brechen die eigentliche TypeScript-Datei an. Siehe unten stehende Referenz:

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

(dies zeigt auch, wie Visual Studio konfiguriert werden kann, um die Quelle Karte zu erstellen)

Um zu verstehen, wie eine Quelle Karte funktioniert, können Sie den Abschnitt lesen ‚The Anatomie einer Quelle Karte‘hier:

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