ブラウザはscssファイルをどのように知ることができますか？

Question

これはhtml templateと表示されており、Chromeの点検ツールを使用して点検しています。
コンパイルされたCSSの代わりに私のブラウザがscssファイルを検出できることに驚いています。 次に、Ctrl + Uを押してページソースを表示し、 'scss'を検索しようとしますが、結果に何も表示されません。
ブラウザはどのようにscssファイルを知っていますか？

P.S.私はscss/sass/cssプリプロセッサーのものに新しいです

Answer 1

あなたはSourcemapsの詳細については、この記事を読むことができます：https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

これは、デバッグのために主に使用されていると時間のほとんどは本番環境からstriptedされる（この場合、私は人々が実際にチェックするために、彼らはそれを残したと思いますソースコードを学び、あなたがしたように学びます：P）

Answer 2

あなたが見ているものは、ソースマップと呼ばれています。ソースマップを使用すると、コンパイル済みのCSSの代わりに元のソースを表示できます。これは通常、デバッグに使用されます。