Less教程
Less函数

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或名称空间将无法以其他方式访问。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4