使用LESS时如何在编译的CSS文件中保留重复属性？

Question

LESS代码

.foo {
  background-size: 200px; //for old browsers
  background-size: cover;
}

CSS预期

.foo {
  background-size: 200px; 
  background-size: cover;
}

但less.js删除已编译CSS文件中的第一个background-size属性。

Answer 1

AS已经指出@ seven-phases-max clean-css删除了这些属性。

<击> 请注意，默认情况下已设置--advanced。您应该使用--skip-advanced选项来防止删除双重属性。

根据https://github.com/less/less-plugin-clean-css，advanced选项默认设置为false。

lessc foo.less输出：

.foo {
  background-size: 200px;
  background-size: cover;
}

lessc --clean-css foo.less输出：

.foo{background-size:200px;background-size:cover}

lessc --clean-css="advanced" foo.less输出：

 .foo{background-size:cover}

或者你也可以运行lessc -x foo.less并输出：

.foo{background-size:200px;background-size:cover}