Less 命令
Less命令
要通过NPM在服务器上安装Less:
要在安装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);
});
输出:
将选项传递给编译器:
语法:
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或名称空间将无法以其他方式访问。