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

柔情只为你懂 2022-10-09 14:21 254阅读 0赞

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

1f6901b2b4e4c72ec6ac7c04398180ee.png

浏览器不能直接识别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);

});

发表评论

表情：
评论列表 （有 0 条评论，254人围观）

还没有评论，来说两句吧...

相关阅读

    相关 怎么手动生成zimage

    zImage是Linux内核的镜像格式，如果你想手动生成它，可以按照以下步骤操作： 1. 下载内核源代码：从kernel.org或者其他内核源代码库中下载最新的内核源代码。

    你的名字你的名字/ 0 赞/ 176 阅读