使用node将less文件转化为css文件

这篇博客介绍了如何利用Gulp将Less预处理器语言编译成CSS,并详细阐述了Sass和Less的共性和不同点,以及设置Gulp工作流进行自动化转换的步骤。
摘要由CSDN通过智能技术生成

Less与Sass

  1. 什么是Sass、Less

Sass和Less都属于Css预处理器,Css预处理器定义了一种新的语言,其基本思想是用一种专门的编程语言,为Css增加一些编程的特性,将Css作为目标生成文件,然后开发者使用这种语言进行Css编码工作(用一种专门的编程语言,进行Web网页样式设计,再通过编译器转化为正常的CSs文件,以供项目使用)

  1. 为什么要使用Sass、Less

css只是单纯的属性描述,它并不具有变量、条件语句等,css的特性导致了它难组织和维护

Sass、Less的共性

  • 混合(Mixins):将一个定义好的classA引入到另一个classB中,从而简单实现classB继承 了classA的所有属性;

  • 参数混合(Parametric):可以像函数—样传递参数的class

  • 嵌套规则:class中嵌套class,从而减少重复的代码

  • 运算:css中的数学计算

  • 颜色功能:可以编辑你的颜色

  • 命名空间:样式分组,从而方便被调用

  • 作用域:局部修改样式

  • JavaScript表达式:在css样式中使用javaScript表达式赋值

Less与Sass的不同点
Less是基于JavaScript的在客户端处理,很多开发者不会选择Less因为javaScript引擎需要额外的时间来处理代码然后输出修改过的Css到浏览器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值