Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。

1安装

npm install -g less

新建less文件

@width: 10px;
.box {
    width: @width;
    height: @width * 2;
}

 

2编译成css

lessc theme.less theme.css

执行命令后生成 未压缩 theme.css文件

.box {
  width: 10px;
  height: 20px;
}

 

 

3插件

安装

npm install -g less-plugin-clean-css

执行命令

lessc theme.less theme.css --clean-css

生成 压缩的 theme.css

.box{width:10px;height:20px}

 

命令选项

--clean-css=advanced

--clean-css=rebase

暂时不知什么区别