less - 检索文件名并将其用作带有 LESS 的类选择器

Question

是否可以检索文件名并将其用作类选择器？我有一个名为“colorScheme.less”的文件，在这个文件中我有所有以“.colorScheme”为前缀的样式规则。当我更改 colorScheme.less 的文件名时，如何替换这个选择器？

score 0 · Accepted Answer

解决方法

可能有一种方法可以使用 LESS 中的 javascript 功能来获取文件名并执行您想要的操作；但是，这不是我在这里提供的解决方案。相反，这使用了两个文件的解决方案。

假设最近版本的 LESS (1.3.3)，你有你的colorScheme.less文件，然后是另一个，我们称之为loader.less文件。中只有两行loader.less：

loader.less

@fileName: colorScheme;   
@import: "pathToFile/@{fileName}.less";

现在，在您的内部，您colorScheme.less已将其配置为利用您在文件@fileName中设置的变量。loader.less所以我们有类似的东西：

colorScheme.less

.@{fileName} p {color: red;}
.myClass-@{fileName} {color: blue;}
.@{fileName}-extended {color: yellow;}

编译为...

.colorScheme p {color: red;}
.myClass-colorScheme {color: blue;}
.colorScheme-extended {color: yellow;}

您拥有的每个地方都有您将.colorScheme其更改为.@{fileName}. 然后，您可以创建新loader文件来改变您的类名（我相信，这部分是您想要做的）。