📜  LESS的命令

📅  最后修改于: 2021-01-06 04:40:24             🧑  作者: Mango

更少的命令

要通过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样式表时,每个样式表都是独立编译的。因此,在样式表中定义的变量,混入或命名空间在任何其他情况下均不可访问。