JavaScript ソースマップとは

2021年5月18日

Webpackを使うとJSファイルを一つのファイルにバンドルできますが、圧縮されたファイルなのでエラーが発生したときはどこでエラーが発生したかを調査するのが難しくなります。

ソースマップとは変換後のコードと変換前のコードを紐づけるファイルです。

ソースマップがあることで、ブラウザが変換後のファイルをロードしていたとしても、変換前のファイルをみることができるので、エラー発生時の調査が楽になります。