knowstory-gulpfile-livereload

gulpfile.js

var gulp = require('gulp');
var less = require('gulp-less');
var watch = require('gulp-watch');
// var util = require("gulp-util");
const notifier = require('node-notifier');
var path = require('path');
var combiner = require('stream-combiner2');
var browserSync = require('browser-sync').create();

gulp.task('_less', function(){
    var combined = combiner.obj([
        gulp.src('app/css/*.less'),
        less(),
        gulp.dest('app/css/'),
        browserSync.stream()
    ]);
    combined.on('error',function(e){
        notifier.notify({
            title: 'Less error',
            message: e.message,
            sound: false,
            time: 2000,
            icon: path.join(__dirname, 'design_dev_scripts', 'error.png'),
        })
    });
    return combined;
});

gulp.task('less', [ '_less' ], function () {
    notifier.notify({
        title: 'Less compiled',
        "message": "less compiled successfully!",
        "sound": false,
        time: 1000,
        icon: path.join(__dirname, 'design_dev_scripts', 'success.png'),
    });
});

gulp.task('livereload', function() {
    gulp.watch("**/*.html").on("change", browserSync.reload);
});

gulp.task('watch', function() {
  gulp.watch('app/css/*.less', ['less']);
});

/* see https://webref.ru/dev/automate-with-gulp/live-reloading */
gulp.task('browserSync', function() {
  browserSync.init({
  //   server: {
  //     baseDir: "./"
  //   },
  //   open: true,
    proxy: "127.0.0.1:8080"

  });

});

gulp.task('default', [ 'less' ]);
gulp.task('serve', [ 'less', 'browserSync', 'watch', 'livereload' ]);