Gulps gulp.watch not triggered for new or deleted files?

by

Edit: Apparently gulp.watch does work with new or deleted files now. It did not when the question was asked.

The rest of my answer still stands: gulp-watch is usually a better solution because it lets you perform specific actions only on the files that have been modified, while gulp.watch only lets you run complete tasks. For a project of a reasonable size, this will quickly become too slow to be useful.

You aren’t missing anything. gulp.watch does not work with new or deleted files. It’s a simple solution designed for simple projects.

To get file watching that can look for new files, use the gulp-watch plugin, which is much more powerful. Usage looks like this:

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

// in a task
watch({glob: <<glob or array of globs>> })
        .pipe( << add per-file tasks here>> );

// if you'd rather rerun the whole task, you can do this:
watch({glob: <<glob or array of globs>>}, function() {
    gulp.start( <<task name>> );
});

Personally, I recommend the first option. This allows for much faster, per-file processes. It works great during development with livereload as long as you aren’t concatenating any files.

You can wrap up your streams either using my lazypipe library, or simply using a function and stream-combiner like this:

var combine = require('stream-combiner');

function scriptsPipeline() {
    return combine(coffeeescript(), uglify(), gulp.dest('/path/to/dest'));
}

watch({glob: 'src/scripts/**/*.js' })
        .pipe(scriptsPipeline());

UPDATE October 15, 2014

As pointed out by @pkyeck below, apparently the 1.0 release of gulp-watch changed the format slightly, so the above examples should now be:

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

// in a task
watch(<<glob or array of globs>>)
        .pipe( << add per-file tasks here>> );

// if you'd rather rerun the whole task, you can do this:
watch(<<glob or array of globs>>, function() {
    gulp.start( <<task name>> );
});

and

var combine = require('stream-combiner');

function scriptsPipeline() {
    return combine(coffeeescript(), uglify(), gulp.dest('/path/to/dest'));
}

watch('src/scripts/**/*.js')
        .pipe(scriptsPipeline());

More Related Contents:

  1. How to run Gulp tasks sequentially one after the other
  2. Is it possible to pass a flag to Gulp to have it run tasks in different ways?
  3. After installation of Gulp: “no command ‘gulp’ found”
  4. Gulp.js task, return on src?
  5. Modify file in place (same dest) using Gulp.js and a globbing pattern
  6. Visual Studio Task Runner “SyntaxError: Use of const in strict mode.”
  7. Can I use a Gulp task with multiple sources and multiple destinations?
  8. What is the quickest way to subtract a variable from a number and set the variable?
  9. Node.js bug ? function’s return value change when stored as variable
  10. Removing nested promises
  11. Download a file from NodeJS Server using Express
  12. How can I use async/await at the top level?
  13. How can I mock an ES6 module import using Jest?
  14. React – changing an uncontrolled input
  15. What does npm install –legacy-peer-deps do exactly? When is it recommended / What’s a potential use case?
  16. How to pass variable from jade template file to a script file?
  17. Inject TypeORM repository into NestJS service for mock data testing
  18. How quickly can you atomically increment a value on the Firebase Realtime Database?
  19. Please point out the misfacts in my learning regarding Asynchronous Javascript
  20. Global variables for node.js standard modules?
  21. Secure distribution of NodeJS applications
  22. Node.js app can’t run on port 80 even though there’s no other process blocking the port
  23. Set value of input instead of sendKeys() – Selenium WebDriver nodejs
  24. How to handle errors from setTimeout in JavaScript?
  25. Read json file content with require vs fs.readFile
  26. Pass additional parameter to Javascript callback function [duplicate]
  27. How to set _id to db document in Mongoose?
  28. Mongoose Not Creating Indexes
  29. Global variables in Meteor
  30. How to run my node.js project on android?

Leave a Comment