Css 减少多个文件的导入

我正在研究WordPress主题，它需要有配色方案功能。 我被迫在这个项目上减少使用。我有一个名为schemes.less的文件，其中包含用于设置网页上不同颜色部分样式的代码。 然后我有一组较少的文件，称为：dark.less、light.less、blue.less等。 我使用默认值技术（）导入它们，但是由于延迟加载，如果我导入scheme.less，每次导入相同变量的次数就会减少

---

有没有办法解决这个问题？

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

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

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

// etc.

---

（假设您使用的是最新的较少版本的编译器，而不是

lesshp

——对于该编译器，您需要进行一些小的修改，例如删除

（多个）

等）。

很抱歉，最多七个阶段，但我不明白如何在不重写的情况下使用相同的未命名名称空间运行此编译器。请问，你能提供你的代码可能的“最终结果”吗？很明显，结果在很大程度上取决于这些文件的内容。上面只是一个简单的例子来说明如何隔离作用域，尽管制作一个简单的（因而是人工的）例子并不是问题（点击链接）。感谢seven Phase max