JavaScript Source Map

参考:Source Map
Source Mapは何ですか
ソースと同じディレクトリの下にソースが格納されています.位置情報を格納しています.変換後のコードの位置ごとに、変換前の位置に対応しています.
何の役にも立たない
ほとんどのソースコード(特に各種の関数ライブラリとフレーム)は変換され、生産環境に入ることができます.一般的なソースの変換は、主に次の3つの状況です.

圧縮

複数のファイルを統合し、HTTP要求数を低減する

.

他の言語はJavaScriptにコンパイルされています.例えば、Coffee Script

環境のdebugを開発する時、ヒントは直接にあなたのどの行のソースコードに位置して問題がありますが、変換したコードの行数が少なくなりましたか?変数名が変わってしまいました.この時、間違った情報を報告すると霧のようになります.どこが間違っているのか分かりません.
Source Mapはこの問題を解決しています.エラーが発生した場合は、元のコードを直接表示します.変換後のコードではありません.
開く
Chromeブラウザはこの機能をサポートします.Developer ToolsのSetting設定で、「Enbale source maps」が選択されていることを確認します.
変換後のコードの末尾に、一行をつければいいです.

//@ sourceMappingURL=/path/to/file.js.map

どのようにSource mapを生成しますか?
最も一般的な方法はGoogleのCloseコンパイラを使用することです.