web-dev-qa-db-ja.com

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

私はこれを見る htmlテンプレート 、そしてChrome検査ツールを使用してそれを検査します。
私のブラウザがコンパイルされたcssファイルの代わりにscssファイルを検出できることを知って驚いています。次に、Ctrl + Uを押してページソースを表示し、「scss」を見つけようとしましたが、結果は何も表示されません。
では、ブラウザはどのようにしてscssファイルを認識しているのでしょうか。

P.S.私はscss/sass/cssプリプロセッサのものに不慣れです

9
Terry Djony

ソースマップの詳細については、この記事を読むことができます: https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

これは主にデバッグに使用され、ほとんどの場合、実稼働環境から削除されます(この場合、実際のソースコードを確認し、あなたが行ったように学習するために残されたと思います:P)

6

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

2
Stefan Kunze