Sass的@if语句中的@import

宝儿2020-03-23

我只想加载登录页面所需的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会生成minifiedcssforloginpage.css，而css少于grouped-pages.css（将$ load-complete-css变量设置为true）。

但是我收到一个错误，那就是这是不可能的：“在控制指令或mixins中可能无法使用导入指令”。