CODEWITHSUNDEEP
javascriptgulpgulp-watch
GibboK
GibboK

Reputation: 73918

How to add a watch to a folder in gulp

I have the following glupfile.js, it works fine but I need to run the default gulp task when a files in folder.

How to change my script in order to support gulp watch? 

var gulp = require('gulp');
var jscs = require('gulp-jscs');
var jshint = require('gulp-jshint');
var noop = function () { };
var stylish = require('gulp-jscs-stylish');

var folders = [
    './a/**/*.js',
    './b/**/*.js',
    './c/**/*.js',
    'a.js',
    'b.js',
    'c.js',
    'd.js'
];

gulp.task('default', function () {
    gulp.src(folders)
        .pipe(jshint())                           // hint (optional)
        .pipe(jscs())                             // enforce style guide
        .on('error', noop)                        // don't stop on error
        .pipe(stylish.combineWithHintResults())   // combine with jshint results
        .pipe(jshint.reporter('jshint-stylish')); // use any jshint reporter to log hint and style guide errors
});

Upvotes: 0

Views: 277

Answers (1)

plbit
plbit

Reputation: 415

Try adding a gulp task as given below

gulp.task('watch',function(){
   gulp.watch(folders,['default']); 

});
gulp.task('default',['watch']);

Basically it watches the folders for any change and if any change happens, it executes your default task.

Upvotes: 1

Related Questions