TypeScriptマップファイルとは何ですか？

Question

私はTypeScript用に.mapファイルを見ました。私が知りたいことは、これらのファイルのためのものです。 .tsファイルで参照される他のファイルへの参照を含んでいますか？

Answer 1

.mapファイルは、送信されたJavaScriptコードとそれを作成したTypeScriptソースファイルとの間でツールがマップできるソースマップファイルです。 JavaScriptファイルの代わりにTypeScriptファイルをデバッグできるように、多くのデバッガ（Visual StudioやChromeの開発ツールなど）でこれらのファイルを使用することができます。

これは、CoffeeScriptのようないくつかのminifierやその他のコンパイル済みJS言語で生成されるのと同じソースマップ形式です。

Answer 2

ソースマップは、それが言うことは基本的 別の言語からのマップなので、デバッガはJavaScriptコードを実行しますが、あなたは実際にそれを生成し ラインを表示することができます。実用的なデバッグ目的のために

：

ソースマップは、あなたが活字体ファイルにブレークポイントを設定して、コードをデバッグされないことができますどのような。これはChromeとFirefoxで行うことができます。やや紛らわしいことに、Chromeのデバッガの動作では、ブレークポイントに達すると、実際には '.js'ファイルが表示されます（ブレークポイントで停止します）。

現在、Firefoxデバッガは、実際のTypeScriptファイルが壊れたときにそのファイルを表示します。あなたはセクション「を読むことができ、これはまた

は、ソースマップがどのように機能するかを理解するために）ソースマップを作成するように構成することができる方法のVisual Studioを示し（

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

：下記参照を参照してください。ここでソースマップ」の解剖学：

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