html - CSS Less watch compiler - 如何传递参数并根据参数生成多份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);