少数多个文件导入

时间:2014-10-27 13:55:53

标签: css less

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

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

1 个答案:

答案 0 :(得分:6)

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

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

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

// etc.

(假设您使用的是最新的Less编译器,而不是lessphp - 那么您需要进行少量修改 - 例如删除(multiple)等。)