SourceMap
JS bundle時にソースコードが読めなくなるので、SourceMapファイルを生成しておいて、もとのソースと関連付ける。
Mapファイルとソースコードがあれば、本番デプロイしたバンドルコードをブラウザ上で元のコードのように読める。
Devtool | webpack
devtool = "source-map" のように設定してバンドルすると、.mapファイルが生成される
source-map: .mapファイルを生成して、元のJSには //# sourceMappingURL=8.cd36600.min.js.map を埋め込む
hidden-source-map: .mapファイルは生成しつつ、その存在をデプロイしたJSから完全に隠す
eval 系は開発向け。SourceMapを別ファイルにせず、ソースコード内にeval文字列で埋め込む
hidden 系は本番向け。SourceMapを別ファイルに生成しつつ、ソースコードからは隠す
えっ!? デプロイされた状態のコンパイル済 JavaScript にも Source Map を適用する方法があるんですか!? - Qiita
hidden-* の場合、成果物の末尾に //@ sourceMappingURL=min.js.map のような Source Map への参照が付与されません。参照先の Source Map が存在しないと開発者ツールが 404 を出してしまい煩雑ですので、今回の用途でお勧めです。詳しくは公式のマニュアルを参照してください。
参考:
Debug your original code instead of deployed with source maps - Chrome for Developers