gulp之壓縮css，less轉css，瀏覽器即時重新整理【原創】

標籤：執行   cti   logs   多個   原創   var   asc   動態監聽   cnp   

• 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‘]);});//部署動作命令-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/‘))});

　　

 

gulp之壓縮css，less轉css，瀏覽器即時重新整理【原創】