个性化阅读
专注于IT技术分析

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样式表时, 每个样式表都是独立编译的。因此, 在样式表中定义的变量, 混入或命名空间在任何其他情况下均不可访问。
赞(0)
未经允许不得转载:srcmini » Less的命令

评论 抢沙发

评论前必须登录!