Gulp-watch-less NPM

gulp-watch-less

Watch .less files and their @imports using the gulp-watch endless stream task

Install

$ npm install --save-dev gulp-watch-less

Usage

var gulp = require('gulp');
var watchLess = require('gulp-watch-less');
var less = require('gulp-less');

gulp.task('default', function () {
	return gulp.src('less/file.less')
		.pipe(watchLess('less/file.less'))
		.pipe(less())
		.pipe(gulp.dest('dist'));
});

Protip: until gulpjs 4.0 is released, you can use gulp-plumber to prevent stops on errors.

API

GulpWatchLess(glob, options, callback)

Creates watcher that will spy on files that were matched by glob which can be a node-glob string or array of strings.

This will also watch all traced @import dependencies of the matched files, and re-emit a change event when any of them change. In this case, the file.event will be equal to changed:by:import for easy distinction.

Returns pass-through stream, that will emit vinyl files (with additional event property) that corresponds to event on file-system.