相关疑难解决方法(0)

在Less中我可以做这样的事情

@basePath:"../../some_crazy_project_path_to_repeat/less/";
@import "@{basePath}less.less";

所以我试着在萨斯做同样的事情

$basePath:"../../some_crazy_project_path_to_repeat/less/";
@import "${basePath}less.scss";
// Syntax error: File to import not found or unreadable: ${basePath}less.scss.

和

@import "#{basePath}less.scss";
// Syntax error: File to import not found or unreadable: #{basePath}less.scss.

在Sass有办法做到这一点吗？

我只想加载登录页面所需的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中使用".