首页 > 代码库 > gulp之压缩css,less转css,浏览器实时刷新【原创】
gulp之压缩css,less转css,浏览器实时刷新【原创】
- gulp入门
- gulp浏览器实时同步
首先要下载对应的插件包;
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‘]); }); //部署动作命令-reload gulp.task(‘reload‘,function () { gulp.src(‘web/**/*.*‘) .pipe(gulp_connect.reload()); }); //部署动作-less gulp.task(‘less‘,function () { gulp.src(‘web/less/*.less‘) .pipe(gulp_less()) .pipe(gulp_minify_css()) .pipe(gulp.dest(‘web/css/‘)) });
gulp之压缩css,less转css,浏览器实时刷新【原创】
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。