css - 更少的多个文件导入

Question

我正在研究需要具有配色方案功能的 WordPress 主题。我被迫在这个元素上少用。我有一个名为 schemes.less 的文件，其中包含用于在网页上设置不同颜色部分样式的代码。然后我有一组 less 文件，称为:dark.less、light.less、blue.less 等。我正在使用默认值技术 ( http://lesscss.org/features/#variables-feature-default-variables ) 导入它们，但是由于延迟加载，如果我每次有相同的变量时多次导入 scheme.less 。

有什么方法可以解决这个问题吗？

Answer 1

使用“未命名”命名空间将主题彼此隔离:

& {
    @import (multiple) "schemes.less"
    @import "dark.less";
}

& {
    @import (multiple) "schemes.less"
    @import "light.less";
}

// etc.

(假设您使用的是最新的 Less 编译器，而不是 lessphp - 对于那个您需要进行小的修改 - 例如删除 (multiple) 等。 ).