我将SASS用作CSS预处理器。 我想使用SASS中不提供的功能-例如,我想创建一个接受图像引用并返回像素宽度的函数。
类似这样的事情:
get-image-width('src/images/logo.png')
与图像高度相同。 这只是一个例子。显然,CSS无法做到这一点,所以我正在寻找一种扩展SASS和添加功能的方法。
P.S。 我知道Compass支持此功能,但是我不想使用Compass,因为它不再受支持。
有人知道这是否可以实现吗?
答案 0 :(得分:0)
我认为简短的答案是否定的,没有简单的方法。
如果找到与当前Sass编译工作流程兼容的模块/插件,则理论上您可以获取图像源的像素尺寸,然后在编译最终CSS文件之前在某些地方使用某些值。
例如,如果您使用的是Gulp,则可以使用image-size包来返回宽度/高度尺寸。因此,在一个自定义的Gulp函数中,您可以读取Sass文件的内容,获取所需图像源的尺寸,在所需的任何上下文中使用它们,最后编译样式表。
(可能没有一个答案可以说明您所提问题的全部真相,因此可以将其视为扩展注释。)