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

Question

Google Chromeデベロッパーツールの[スタイル]タブを使用すると、自分のスタイルの1つが.scssファイルから来ていると報告されます。これはどのように可能である - 私はすべての.scssを平坦との.cssファイルから読み込まれると思っていた：

Answer 1

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

これはクロムインスペクタが開発を支援するために使用します。クロムインスペクタでオフにするか、cssからソースマップへの参照を削除するか、オプションを削除して最初にソースマップを生成します。

クロムにcssを表示し、ソースマップファイルを保存してもらいたい場合は、オプションをオフにすることができます。 Chromeデベロッパーツールでこのオプションをオフにするには、インスペクタを開いて[設定]に移動します。 [設定]セクションの[ソース]カテゴリを確認し、[CSSソースマップを有効にする]をオフにします。