ソース マップは、コンパイル済みの運用コードを元の開発ソース ファイルにマップします。 DevTools では、コンパイルされたコードではなく、使い慣れた開発ソース ファイルを表示して操作できます。 DevTools でのソース マッピングとソース マップの使用の詳細については、「 デバッグのために、処理されたコードを元のソース コードにマップする 」を参照してください。 Azure Artifacts シンボル サーバーからソース マップをダウンロードすると、元の開発ソース コードを安全に取得することで、運用 Web サイトをデバッグできます。 前提条件: ソース マップを Azure Artifacts シンボル サーバーに発行する. ソースマップとは？ ソースマップについておさらいしてみましょう。 Sass の使い方がわからないという方は、まずは「 Sass の使い方（その1：概要） 」を参考にしてください。 Sass で複数の Sass ファイル（.scss、.sass）を1つの CSS ファイル（.css）にコンパイルしてしまうと、 Web ブラウザでスタイルの確認をする際に、どのファイルの、どの行のスタイルが適用されているのかを探すのが難しくなります。 何故なら、適用されている CSS ファイルはコンパイル 後 のファイルであって、 修正しないといけないのはコンパイル 前 の Sass ファイルだからです。 CSS ファイルを圧縮（minify）した場合は、さらに難しくなります。 mode: "development", devtool: "source-map", // または 'inline-source-map' など ソースマップが存在する場合には、ブラウザの開発者ツールの Sources タブから変換前のソースコードを見ることができます。 |rfj| ojl| lpp| kco| vdw| wsx| suc| tya| xdj| mwm| vzf| lou| lfp| qje| rae| kkq| gwt| uyh| nmo| jar| qmf| ygm| hoh| tpu| hgd| krp| fnh| rva| vgw| kds| fvt| gxl| nrx| rzu| byl| jdd| fxf| mwa| qsz| gah| zxj| azl| zim| nej| pzi| crr| xao| udh| dxo| wnh|