browserSync+gulp多浏览器实时刷新页面

var gulp = require("gulp"),
    less = require("gulp-less"),
    browserSync = require("browser-sync"),
    path = {
        HTML : "*.html",
        LESS : "less/*.less",
        CSSDIR : "css",
        CSS: "css/*.css",
        JS : "js/*.js"
    };
//确保数组里面的任务完成之后，再运行serve任务
gulp.task("serve", ["less", "js-watch", "html","css"], function() {
    browserSync.init({
        server : "./"
    });
    gulp.watch(path.LESS, ["less"]); //监听哪个目录的任务
    gulp.watch(path.JS, ["js-watch"]);
    gulp.watch(path.HTML, ["html"]);
    gulp.watch(path.CSS, ["css"]);

    gulp.watch(path.HTML).on("change", function() { //当文件变化时，自动刷新
        browserSync.reload;
    });
});


gulp.task("less", function() {
    gulp.src(path.LESS)
        .pipe(less())
        .pipe(gulp.dest(path.CSSDIR))
        .pipe(browserSync.stream());
});
gulp.task("css", function() {
    gulp.src(path.CSS)
        .pipe(browserSync.stream());
});

gulp.task("js-watch", function() {
    gulp.src(path.JS)
        .pipe(browserSync.stream());
});

gulp.task("html", function() {
    gulp.src(path.HTML)
        .pipe(browserSync.stream());
});

gulp.task("default", ["serve"]);