Chrome缓存sass是否包括?

时间:2017-10-30 19:16:38

标签: html css google-chrome sass

如果我有2个文件:

style1.min.css - 来自.scss文件,如下所示:

@import' base&#39 ;; @import' style';

style2.min.css - 也来自.scss文件,如下所示:

@import' base';

如果查看者使用style1.min.css加载页面,然后转到带有style2.min.css的页面,_base.scss会被加载两次吗?或Chrome是否能够检测并缓存?

2 个答案:

答案 0 :(得分:0)

必须将SASS文件编译为CSS。 因此,如果你有一个包含.sass文件的file.css,那你就错了。

无论如何,浏览器缓存取决于服务器的响应头。您可以在浏览器的网络面板上检查响应标头。 寻找密钥"到期"。

答案 1 :(得分:0)

Sass文件通过在服务器上编译为CSS来工作。重要的是,@ import指令确保将整个导入的sass文件编译到css文件中,这意味着如果你有多个css文件导入相同的基数,那么从base导入的部分将被复制。

浏览器对sass一无所知,只看到已编译的css文件。因此,虽然这些编译的css文件可能被缓存,但是当对style2的请求发出时,来自style1的“base”部分仍将从服务器“重新加载”(反之亦然)。