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