gulp配置自动编译less清单

var gulp = require('gulp');
var less = require('gulp-less'),
connect = require('gulp-connect');

gulp.task('gulp-less', function() {
  // 将你的默认的任务代码放在这
   gulp.src(['./less/main.less', ]) 
        .pipe(less())
        .pipe(gulp.dest('./css'));
});


gulp.task('connect', function() {
    connect.server({ //地址,可不写,不写的话,默认localhost
        port: 3001, //端口号,可不写,默认8000
        root: './', //当前项目主目录
        livereload: true //自动刷新
    });
});

gulp.task('html', function() {
    gulp.src('./*.html')
        .pipe(connect.reload());
});

gulp.task('watch', function () {
    gulp.watch('./less/*.less', ['gulp-less','html']); //当所有less文件发生改变时,调用testLess任务
    // gulp.watch('./js/*.js', ['html']); //监控js文件
    gulp.watch(['./*.html'], ['html']); //监控html文件
});

gulp.task('server', ['connect', 'watch']);

你可能感兴趣的:(gulp配置自动编译less清单)