(31)Gulp 构建样式文件

本文介绍了如何利用Gulp构建样式文件,从less转换为css,再到压缩和重命名为.min.css。主要涉及的Gulp插件包括gulp-less、gulp-clean-css和gulp-rename。按照正确的顺序执行Gulp任务,可以实现less到压缩css的完整流程。
摘要由CSDN通过智能技术生成

一、Gulp构建样式文件流程图

Gulp构建样式文件和我们之前想要实现的效果和流程差不多,我们通过源代码,这里拿less文件举例,第一步那么我们通过less文件先将文件进行转换,转换成浏览器认识的css文件,第二步将css文件进行压缩,压缩后的文件除去了空格和注释。第三步将压缩后的css文件改名为.min.css。

二、Gulp构建样式文件所需插件

三、在Gulp的官网去查找这些插件

https://gulpjs.com/

打开Gulp官网我们可以再nav导航栏处看到plugins插件列表选项,我们点击plugins选项。 

点击plugins插件后,我们看到搜索框出有一个placeholder提示信息,说我们的Gulp插件有4212个供我们使用。然后下面呢又一个Popular plugins是代表如下插件是目前最受欢迎的插件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

泽哥ins

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值