web-dev-qa-db-ja.com

chromeスタイルインスペクタが.scssのスタイルを表示するのはなぜですか?

Google Chromeデベロッパーツールの[スタイル]タブを使用すると、スタイルの1つが.scssファイルからのものであると報告されます。これはどのようにして可能ですか-すべての.scssが平坦化し、.cssファイルから読み取ります。

enter image description here

20
Chris Halcrow

Sassをcssにコンパイルするとき、ソースマップファイルを生成するオプションがあります。 cssファイルの最後に、.map拡張子が付いた、cssと同じフォルダーの場所にあるマップファイルへの参照があります。

これは、開発を支援するためにchromeインスペクタによって使用されます。chromeインスペクタでオフにするか、CSSからソースマップへの参照を削除するか、そもそもソースマップを生成するオプション。

chrome cssを表示してソースマップファイルを保持したい場合は、このオプションをオフにするだけです。Chrome =開発者ツール、インスペクタを開いて[設定]に移動します。[設定]セクションの[ソース]カテゴリを確認し、[CSSソースマップを有効にする]をオフにします

34
partypete25