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);
    });

以上就是less怎么生成css?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏