从命令行编译 Less 文件

lessc [options] <source> [destination]

上面的命令用于在命令行中编译 Less 文件。选项是编译器在编译期间或编译后应使用的各种设置。选项包括用于压缩或缩小输出 CSS 文件的 -x 或 --compress，-sm=on 或 --strict-math=on，仅对括号内的值应用数学运算等。接下来是必须编译的源 Less 文件的路径。Destination 是输出文件的路径和名称。如果未提供，则输出将在命令行窗口中打印出来。

请考虑以下 Less 代码

/* Filename: test.less */
#demo {
 color: @color;
 background: beige;
 width: 100% / 4;
}
@color: red;

在命令窗口中打印已编译的 CSS：

在命令行中执行以下命令时，将编译 test.less 文件，并且将直接在命令窗口上打印输出，因为没有提供目标路径。

lessc test.less

输出：

#demo {
  color: red;
  background: beige;
  width: 25%;
}

创建一个 CSS 文件并将编译后的输出写入该文件：

使用以下语句编译时，相同的文件将在与 test.less 文件相同的路径中创建名为 test.css 的文件，并将输出打印/写入该 CSS 文件。

lessc test.less > test.css

创建一个 CSS 文件并缩小它：

下面的命令将输出打印/写入 CSS 文件，并在最后压缩它。

lessc -x test.less > test.css

输出：

#demo{color:red;background:beige;width:25%}

启用严格数学选项：

启用严格匹配选项时，输出将如下所示，因为 width 的值未包含在大括号内。

lessc -sm=on test.less > test.css

输出：

#demo {
  color: red;
  background: beige;
  width: 100% / 4;
}