SourceMapとは何なのか - コンパイラかく語りきJavaScriptのSourceMapってあるじゃないですか。実はきちんと理解してないんですよね。 ってことで調べました。 SourceMapとは SourceMapとは、コンパイル前とコンパイル後の対応関係を記したファイル。だそうです。 Json形式で記述されています。 なぜSourceMapが必要なのか では、なぜコンパイル前後の対応関係が必要なのでしょうか。 それは、AltJSやReact、ES6のような言語は、デバッグが難しいからです。 ここでのデバッグとは、コンパイル後にブラウザで確認するフェーズのことを言います。 コンソールに吐かれるJavaScriptのErrorは、コンパイル後の箇所を表示します。ただし、コンパイル後のファイルは見づらく、デバッグに向きません。 そこで、SourceMapを用意しておくとブラウザがSourceMapを頼りに、当該箇所を見に行ってくれるようで
