CSSless watch编译器-如何传递参数并基于参数生成CSS的多个副本？

Question

我正在使用less-watch-compiler：

https://github.com/jonycheung/deadsimple-less-watch-compiler

假设我有以下less文件：

@headerbackground: #fafafa;

header{
    background: @headerbackground;
}

这很好。但是，我需要创建2个CSS文件，并能够将@headerbackground作为参数传递给主题使用。

所以我想创建一个lightstyle.css，其中headerbackground的值为#fafafa，并创建一个darkstyle.css，其中的值为#000000

有没有办法做到这一点？

Answer 1

您必须创建＃LESS文件第一个文件是MiXin.Less，使用此代码

.CreateHeader(@Color){
   header{
    background: @Color;
}
}

第二个文件是lightstyle.less，没有此代码

@import "MiXin"; 
.CreateHeader(#FFF);

Thired File is darkstyle.Less

@import "MiXin"; 
.CreateHeader(#FFF);