Recarga automática del navegador con Browsersync

gulpfile.js

// 1- Compilar código LESS
// 2- Añadir prefijos
// 3- Minificar el archivo resultante
// 4- Renombrar el archivo
// 5- Actualizamos el navegador automáticamente

var gulp = require('gulp'),
    autoprefixer = require('gulp-autoprefixer'),
    cleancss = require('gulp-clean-css'),
    rename = require('gulp-rename'),
    less = require('gulp-less'),
    browsersync = require('browser-sync').create();

// Aquí tratamos nuestras hojas de estilo
function estilos(done){

  gulp.src('./src/less/app.less')
      .pipe(less())
      .pipe(autoprefixer({
        browsers: ['last 4 versions'],
        flexbox : true,
        grid : true
      }))
      .pipe(cleancss())
      .pipe(rename({
        dirname : "css",
        basename : "style",
        suffix : ".min"
      }))
      .pipe(gulp.dest('./dist'));

  done();
}

// Recagargar el navegador
function recargar(done){
  browsersync.reload();
  done();
}

// Servir el contenido
function servir(done){
  browsersync.init({
    server : {
      baseDir : "./"
    }
  });
  done();
}

// Observar
function observar(done){
  gulp.watch('./src/less/*.less',gulp.series(estilos,recargar));
  gulp.watch('./*.html', recargar);
  done();
}

gulp.task('default', gulp.series(estilos, servir, observar));