gulp-less-watcher

Gulp Less Watcher

Watches Less files (and imports) using an endless streaming interface (and generates sourcemaps).

Usage

npm install gulp-less-watcher --save-dev

import gulp        from 'gulp';
import loadPlugins from 'gulp-load-plugins';

const $ = loadPlugins();
const config = {
  // Less config...
};

gulp.task('default', () => {
  return gulp.src('main.less', { cwd: 'resources/assets/styles/' })
    .pipe($.lessWatcher(config))
    .pipe($.sourcemaps.init())
    .pipe($.less(config))
    .pipe($.sourcemaps.write('./', { includeContent: true }))
    .pipe(gulp.dest('public/assets/'));
});

Or if you don't use ES6/7...

var gulp = require('gulp');
var loadPlugins = require('gulp-load-plugins');

var $ = loadPlugins();
var config = {
  // Less config...
};

gulp.task('default', function() {
  return gulp.src('main.less', { cwd: 'resources/assets/styles/' })
    .pipe($.lessWatcher(config))
    .pipe($.sourcemaps.init())
    .pipe($.less(config))
    .pipe($.sourcemaps.write('./', { includeContent: true }))
    .pipe(gulp.dest('public/assets/'));
});