c less.html,less怎么生成css？

Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合(mixin)、函数等功能，让 CSS 更易维护、方便制作主题、扩充。

浏览器不能直接识别less，需要先将less编译为css才能被浏览器识别。下面我们来看一下将less生成css的方法。

首先，你要确认你的电脑已经安装了node。

命令行用法：

1、使用 npm 安装 lessc，命令行：npm install -g less

2、然后，进入需要转换的less文件的目标位置。

3、最后，你只需输入以下两条命令：npm install -g less

lessc less文件名.less 生成的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);

});