Less 命令

Less命令

要通过NPM在服务器上安装Less:

npm install-g less

要在安装Less之后从命令行调用编译器:

lessc styles.less

要编译Less文件并生成CSS:

lessc styles.less styles.css

要获取缩小的CSS作为输出，可以使用clean-css插件。安装完该插件之后，使用--clean-css选项指定缩小的CSS输出:

lessc--clean-css styles.less styles.min.css

要在控制台上获取CSS输出:

语法:

var less = require('less');
less.render('.class { width: (1 + 1) }', function (e, output) {
  console.log(output.css);
});

输出:

.class {
  width: 2;
}

将选项传递给编译器:

语法:

var less = require('less');
Less.render('.class { width: (1 + 1) }',
    {
      paths: ['.', './lib'],  // Specify search paths for @import directives
      filename: 'style.Less', // Specify a filename, for better error messages
      compress: true          // Minify CSS output
    },
    function (e, output) {
       console.log(output.css);
    });

重要提示:

您必须在脚本之前包含样式表。
当您链接多个.Less样式表时，每个样式表都是独立编译的。因此，在样式表中定义的变量，mixin或名称空间将无法以其他方式访问。

less 安装

Less 优势