Watch omits files

[cranesandcaff]

When using gulp.watch it will for some reason completely omit a file when saved.

gulp.task('script', function(){
return gulp.src(['js/**/*.js'])
    .pipe(concat('appmain.js'))
    .pipe(gulp.dest('build/js'))
    .pipe(rename({suffix: '.min'}))
    .pipe(ngmin())
    .pipe(uglify({mangle: false}))
    .pipe(gulp.dest('build/js'))
   });
  gulp.task('watch', function(){
  gulp.watch('scss/**/*.scss', ['styles']);

  gulp.watch('js/**/*.js', ['script']);


})

When using gulp watch sometimes it will stop adding a file, for instance if I am working on 'functionOne.js" it will continue updating and minifying, then it will stop and when checking the concated appmain.js the code from 'functionOne.js' doesn't appear.

However if I then run 'gulp script' it will appear. If I then start watching again it will still not include that file.

[yocontra]

Reformatted for reading

gulp.task('script', function () {
  return gulp.src(['js/**/*.js'])
    .pipe(concat('appmain.js'))
    .pipe(gulp.dest('build/js'))
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(ngmin())
    .pipe(uglify({
      mangle: false
    }))
    .pipe(gulp.dest('build/js'));
});

gulp.task('watch', function () {
  gulp.watch('scss/**/*.scss', ['styles']);
  gulp.watch('js/**/*.js', ['script']);
});

[cranesandcaff]

Thank you for the reformatting.

I believe I may have figured it out. I read in a different issue that gulp.watch stops on an error, I believe a bad bracket may have caused ngmin to throw an error thus halting gulp.watch, however this doesn't cause gulp to stop watching or compiling files it just has gulp discard the bad files.

Is there a way to set up that it will end on an error? Perhaps make that a default?

[cranesandcaff]

I tried playing around with it to see if I could fix this. So far

gulp.task('script', function(){
    return gulp.src(['js/**/*.js'])
        .pipe(concat('appmain.js'))
        .pipe(gulp.dest('build/js'))
        .pipe(rename({suffix: '.min'}))     
        .pipe(gulp.dest('build/js'))
 });

The above works fine with gulp script

gulp.task('watchJS', function(){
        gulp.watch('js/**/*.js', ['script']);
})

The above however removes any file I edit from the final build.

[yocontra]

So your files in js/**/*.js are not order sensitive?

Can you post what the correct output should be, and what the incorrect output is?

[cranesandcaff]

I don't believe they are very order sensitive. I haven't ran into an issue with that.

For example, I have

fileOne.js
fileTwo.js
fileThree.js

When I run gulp script I get a file appmain.min.js which has fileOne.js, fileTwo.js, and fileThree.js all concatenated.

If I run gulp watch at first all three will be there however if I edit say fileThree.js now appmain.min.js will only contain fileOne.js and fileTwo.js

[yocontra]

@cranesandcaff Can you use gulp-debug between src and concat and post the logs from a broken scenario?

[cranesandcaff]

Sure can. I wasn't aware of that. I'll throw it in and set it to watch.

[cranesandcaff]

File
cwd: /var/www/html/chmorders/chmcurrent/public
base: /var/www/html/chmorders/chmcurrent/public/js/
path: /var/www/html/chmorders/chmcurrent/public/js/controllers/createOrder.js
contents: ...
File
cwd: /var/www/html/chmorders/chmcurrent/public
base: /var/www/html/chmorders/chmcurrent/public/js/
path: /var/www/html/chmorders/chmcurrent/public/js/services/session.js
contents: angular.module('chm').factory('SessionSe...

[gulp] gulp-debug: end event fired (2014-02-12 19:07:11 UTC)
[gulp] Finished 'script' in 73 ms

I removed everything except the file that isn't being included and one other file for reference.

[yocontra]

Does appmain.js contain all of the files or is appmain.min.js the only problem?

[cranesandcaff]

appmain.js doesn't contain them all either.

where it says contents: ... it should say contents: angular.module('chm').controller('....

[yocontra]

Possibly related

https://github.com/isaacs/node-glob#race-conditions

[yocontra]

Can I see your full gulpfile?

[cranesandcaff]

http://pastebin.com/LjSPdkqj

[toutpt]

My 2 cents: you don't need gulp-watch plugin, watch is a native feature of gulp and here you are using this one.

[cranesandcaff]

I have the same issue using the gulp watch that is generated from the Yeoman gulp-webapp scaffold. It omits the stylesheet if I am working on it.