ソースマップを使用すると、コードを結合して圧縮した後でも、パフォーマンスに影響を与えることなく、コードを読みやすく、デバッグできるようにすることができます。ソースマップの仕組みについては、前回の DevTools のヒント動画をご覧ください。
DevTools でソースマップを使用する方法については、こちらの動画をご覧ください。
- ソースマップを有効にする。
- [デベロッパー リソース] タブを使用して、ソースマップが正常に読み込まれたかどうかを確認します。
- 必要に応じて、ソースマップを手動で読み込みます。
- 通常どおりにデプロイするのではなく、(マッピングされた)元のコードをデバッグします。
- 作成したファイルをグループ化して、[ソース] のファイルツリーを簡単に移動できます。
詳しくは、次をご覧ください。