Chromeのキャッシュ・サスには含まれていますか？

Question

私は2つのファイルがある場合：

style1.min.css - このようになります.scssファイルから来ている：

@import 'ベースを'; @import 'style';

style2.min.css - また、このようになります.scssファイルから：

@import 'ベース';

ビューアがstyle1.min.cssでページをロードしてからstyle2.min.cssでページに移動すると、_base.scssが2回ロードされますか？または、Chromeがそれを検出してキャッシュすることができますか？

Answer 1

SASSファイルはCSSにコンパイルする必要があります。 .sassファイルを含むfile.cssがある場合、間違っています。

とにかく、ブラウザのキャッシュはサーバーの応答ヘッダーによって異なります。ブラウザのネットワークパネルでレスポンスヘッダーを調べることができます。 "expires"というキーを探します。

Answer 2

Sassファイルは、サーバー上でCSSにコンパイルされて動作します。重要なのは、@importディレクティブは、インポートされたsassファイル全体がcssファイルにコンパイルされることを保証します。つまり、同じベースをインポートする複数のcssファイルがある場合、ベースからインポートされた部分が複製されます。

ブラウザは悲鳴のことは何も知らず、コンパイルされたCSSファイルしか見ることができません。したがって、コンパイルされたcssファイルはキャッシュされているかもしれませんが、style2のリクエストが行われたときにstyle1の「base」部分がサーバーから「リロード」されます（逆も同様です）。