A Simple Gulp File to Serve Static HTML5 Sites

gulpfile.js

/**
 * npm install gulp
 * npm install gulp-less
 * npm install fancy-log
 * npm install browser-sync
 * gulp # This will watch and serve at http://localhost:3000
 */
var gulp = require('gulp');
var less = require('gulp-less');
var log = require('fancy-log');
var browserSync = require('browser-sync').create();

function css(callback) {

  gulp.src('./styles/*.less')
    .pipe(less().on('error', log.error))
    .pipe(gulp.dest('./styles'));

  browserSync.reload();

  if (callback) {
    callback();
  }

}

function html(callback) {

  browserSync.reload();

  if (callback) {
    callback();
  }

}

function watch(callback) {

  browserSync.init({
    ui: false,
    server: {
      baseDir: './'
    }
  });

  gulp.watch('./styles/*.less', css);
  gulp.watch('./*.html', html);

  if (callback) {
    callback();
  }

}

exports.default = gulp.series(css, watch);