Auto-reload browser from gulp server on file edit.

gulpfile.js

var gulp        = require('gulp'),
    livereload  = require('gulp-livereload'),
    less        = require('gulp-less'),
    connect     = require('gulp-connect'),
    minifyCSS   = require('gulp-minify-css');

gulp.task('connect', function() {
  connect.server({
    root: 'files',
    livereload: true,
    port: 9999
  });
});

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


gulp.task('less', function() {
  gulp.src('files/global/build.less')
    .pipe(less())
    .pipe(minifyCSS())
    .pipe(gulp.dest('files/css'))
    .pipe(livereload());
});

gulp.task('watch', function() {
  livereload.listen();
  gulp.watch(['files/*.html', 'files/**/*.less'], ['less', 'html']);
  livereload.reload();
});

gulp.task('default', ['connect', 'less', 'html', 'watch']);