用于自定义导入的*** sass 函数

Posted

技术标签:

【中文标题】用于自定义导入的*** sass 函数【英文标题】:Top level sass function for custom import 【发布时间】:2015-10-04 01:33:32 【问题描述】:

我使用 SASS,现在我需要从不同的地方导入许多部分。例如,有时我必须这样写:

@import '../../../global/static/src/sass/example';

有没有办法避免重复所有复杂的方式?我想到了 sass 函数,但正如我所见,sass 函数不能在 sass 文件的顶层调用。有什么方法可以通过在路径中添加前缀来导入文件?

【问题讨论】:

【参考方案1】:

由于 SASS 编译器的限制,您不能这样做。

只有当您的 @import 符合以下条件时,才可能是 SASS 变量:

它使用 url()。 以“http://”开头。 以“.css”结尾。 它指定一个媒体查询(例如@import "screen.css" screen)。

Source

【讨论】:

以上是关于用于自定义导入的*** sass 函数的主要内容,如果未能解决你的问题,请参考以下文章

用于无 cookie 域的具有自定义 javascript 函数的 LESS CSS

scss 具有自定义变量和样式覆盖的Bootstrap-Sass项目导入结构。

scss 具有自定义变量和样式覆盖的Bootstrap-Sass项目导入结构。

scss 自定义Sass mixin用于使用媒体查询

如何在预编译期间包含自定义 SASS 函数?

Element UI 自定义 sass 变量