博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
gulp之压缩css,less转css,浏览器实时刷新【原创】
阅读量:6269 次
发布时间:2019-06-22

本文共 872 字,大约阅读时间需要 2 分钟。

首先要下载对应的插件包;

gulp-less包:cnpm install gulp-less --save-dev     

gulp-connect包:cnpm install gulp-connect--save-dev

gulp-minify-css包:cnpm install gulp-minify-css --save-dev

var gulp=require('gulp'),    gulp_less=require('gulp-less'),    gulp_connect=require('gulp-connect'),    gulp_minify_css=require('gulp-minify-css');//在一个任务中【执行多个任务】gulp.task('serves',function () {    //创建一个服务器,端口默认是8080    gulp_connect.server({        //root:根目录        root:'web',        livereload:true    });    //动态监听    gulp.watch('web/**/*.*',['reload','less']);});//部署动作命令-reloadgulp.task('reload',function () {    gulp.src('web/**/*.*')        .pipe(gulp_connect.reload());});//部署动作-lessgulp.task('less',function () {    gulp.src('web/less/*.less')        .pipe(gulp_less())        .pipe(gulp_minify_css())        .pipe(gulp.dest('web/css/'))});

  

 

转载于:https://www.cnblogs.com/webSong/p/6379000.html

你可能感兴趣的文章
淘宝大秒系统设计详解
查看>>
linux如何修改登录用户密码
查看>>
Kali Linux 2017中Scapy运行bug解决
查看>>
Python监控进程性能数据并画图保存为PDF文档
查看>>
Android属性动画完全解析(下),Interpolator和ViewPropertyAnimator的用法
查看>>
Mac OS 10.10.3下Apache + mod_wsgi配置【一】
查看>>
Hibernate基于注解的双向one-to-many映射关系的实现
查看>>
算法竞赛入门经典 例题 3-2 蛇形填数
查看>>
remove-duplicates-from-sorted-list I&II——去除链表中重复项
查看>>
c++ 网络库
查看>>
Linux 格式化扩展分区(Extended)
查看>>
linux echo命令
查看>>
nginx 内置变量大全(转)
查看>>
lakala反欺诈建模实际应用代码GBDT监督学习
查看>>
java 解析excel工具类
查看>>
Google FireBase - fcm 推送 (Cloud Messaging)
查看>>
BBS论坛(二十七)
查看>>
html DOM 的继承关系
查看>>
装饰器的邪门歪道
查看>>
Dubbo常用配置解析
查看>>