什么是Less

本文作者: jsweibo

本文主要讲述了：

Less，全称为”Leaner Style Sheets”（精简样式表），有时也写作 LESS。

Less 在 CSS 的基础上扩充了大量新特性，Less 可以编译为 CSS。

Less 的初始版本发布于 2009 年。

Less 是 CSS 的真超集。

Less 是在 Sass 的影响下诞生的。

Less 在向后兼容上取得的成功，使得 Sass 推出了 SCSS。

最初，Less 是用 Ruby 实现的。但在随后的版本中，Ruby 实现被废弃，Less 转投了 JavaScript 阵营。因此，Less 可以在浏览器里实时编译。

.less

注意：Less 的命令行是lessc

1
2
3

#!/usr/bin/env bash

npm install --save-dev less

源文件：

foo.less

@bg-color: #333;

body {
  background-color: @bg-color;
}

编译：

1
2
3

#!/usr/bin/env bash

npx lessc foo.less foo.css

输出：

1
2
3

body {
  background-color: #333;
}