我有一些 .less 文件,我使用 less app 来编译它们,我使用的结构大致是(使用 less 1.4):
--mixins.less - 这个文件包含所有的 mixin。
--color-scheme.less - 此文件包含所有具有任何颜色参考的类。
--main.less - 网站的其他样式,这个@imports mixins.less 和 color-scheme.less
在 main.less 中,我使用的++.className
语法将所有使用它的类编译成一个只有 1 个声明的列表,所以:
.foo{
color:red
}
.bar{
++.foo;
}
.fiz{
++.foo;
}
编译为:
.foo, .bar, .fiz{
color:red;
}
这是在 main.css(main.less 的输出)的顶部编译的,因为我有一些颜色主题,所以每次发生更改时我都需要手动编译,并手动将带有颜色的声明分隔到不同的文件中。
基本上我正在寻找一种解决方案,它允许我将所有使用 ++ 的类编译到特定文件中。
谢谢!