Che cos'è un file Mappa TypeScript?

Question

Ho visto i file .map per TypeScript. Quello che voglio sapere è a cosa servono questi file. Contengono riferimenti ad altri file a cui si fa riferimento nel file .ts?

Answer 1

I file .map sono file di mappe di origine che consentono la mappatura degli strumenti tra il codice JavaScript emesso e i file di origine TypeScript che lo hanno creato. Molti debugger (ad esempio Visual Studio o gli strumenti di sviluppo di Chrome) possono utilizzare questi file per eseguire il debug del file TypeScript anziché del file JavaScript.

Questo è lo stesso formato di mappa sorgente prodotto da alcuni minifiers e da altri linguaggi compilati a JS come CoffeeScript.

Answer 2

Una mappa fonte è fondamentalmente quello che dice, una mappa da una lingua ad un'altra , in modo che il debugger può eseguire il codice JavaScript, ma mostrare la linea che in realtà ha generato.

Ai fini pratici di debug:

Che la mappa source consente di fare è impostare un punto di interruzione sul dattiloscritto file di e poi esegue il debug del codice. Questo può essere fatto in Chrome e Firefox. Un po 'confusamente, il comportamento del debugger in Chrome è che quando viene raggiunto il punto di interruzione, il file ".js" viene effettivamente mostrato (fermato al punto di interruzione).

A partire da oggi, il debugger di Firefox visualizzerà il file TypeScript quando si interrompe. Vedere la riferimento qui sotto:

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

(questo mostra anche come Visual Studio può essere configurato per creare la mappa di origine)

Per capire come una mappa fonte funziona, è possibile leggere la sezione 'The anatomia di una mappa fonte' qui:

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