我只想加载登录页面所需的css以提高性能.在我的其他页面上,我想要一个分组的css文件,它将缓存在包含我所有css的每个页面上.
我有以下文件:
minifiedcssforloginpage.scss
grouped-pages.scss
在minifiedcssforloginpage.scss中,我声明$ load-complete-css:false.然后我导入myproject.scss,其中包含我的模块,布局,核心的所有导入...在myproject.scss中我想做类似的事情
@if $load-complete-css {
@import module1;
@import module2;
@import module3;
}
因此minifiedcssforloginpage.scss将使用较少的css生成minifiedcssforloginpage.css,然后使用grouped-pages.css(将var $ load-complete-css设置为true)生成.
但是我得到一个错误,这是不可能的"导入指令可能不会在控制指令或mixins中使用".
在指南针/ sass设置中,理想情况下我想将每个.scss文件编译成一个大的style.css.例如看这里,似乎我唯一的选择将是使_partials.scss
和@import "these";从一个主文件.这似乎是双重工作,因为每次我移动.scss文件例如到子文件夹我都必须更新引用的import-path.
我的问题是:是否可以使用指南针只是观看一个文件夹并始终将所有部分编译成一个目标输出文件？
我需要为项目的每个安装都有不同的特殊scss文件,所以我不想将它包含在git archive中.但即使这个文件不存在,一切都应该有效.
有没有办法@import scss文件只有它存在,忽略文件未找到错误？