yaakaito.org

TypeScript + SourceMap でデバッグしてみる

Debug, TypeScript

こんにちは!うきょーです! SourceMap便利ですよね!TypeScriptでも使ってみましょう。

といってもそんなにやることないです。 tscでコンパイルするときに --sourcemap オプションをつけてあげれば生成されます。

1
$ tsc <file> --sourcemap

単体で吐いてもいいですが、前から使ってこのリポジトリみたいに、referenceだけしてるファイルをコンパイルしているような場合でも、ちゃんと吐いてくれます。

1
$ tsc --out backbone.test.js test/bootstrap.ts --sourcemap

こんな感じにすると、backbone.test.js.mapが出てくるので、Chormeで使ってみましょう。

Enable source mapsをonにして、

読み込めばこんな感じに.tsが出てくるので、

BP打つなりして使います、便利ですね!