使用更少及其@import时的CSS冗余

虽然不理想,但实际原因是理论上导入的文件不需要包含任何CSS。通常,您会有变量和动态混音器,它们不会影响您的CSS输出:

无资料的:

#colors {
    @blue: #0011ff;
    @red: #ee2222;
}
.button (@width: 10px) {...}

主要的:

@import "lib";

a { color: #colors[@blue]; }

输出,main.css:

a { color: #0011ff; }

#colors {} and .button 在这种情况下不会输出。

少了现在的支持 @import-once "stylename.less";

也许您可以在开发环境中拆分它们,然后将它们合并在一起,而不需要所有额外的代码,当您部署到实时Web服务器时?

如果在使用中声明和混合动态mixin,则可以在较小的配置文件中使用它们 $ 而不是 . .

在配置文件中:

$mixin
{
  a { color: @light; }
  h2 { //etc.
}

标题:

@import "config";
.header
{
  $mixin;
}

Source . 我也试过了,而且效果很好。