Gulp Watchタスクが動作しない

Question

私はjsファイルを見て、その後私のスタイルファイルを見て、これらの基本的な作業をしていた。私はチュートリアルに従っていたので、jsの時計はうまくいきました。それから私はwatch:stylesの仕事をしていました。まず、JSと同じ時計に入れようとしましたが（それは可能でしょうか？）、それは機能していないので別の作業をしました。今私のjsウォッチャーはまったく動作しません。私がそれを動作させるとブラウザは動作しますが、それはウォッチャーではありません。

var gulp = require('gulp'); 

var browserify = require('browserify'); 

var babelify = require('babelify'); 

var source = require('vinyl-source-stream'); 

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


gulp.task('browserify', function() { 

return browserify('./res/js/main.js') 

    .transform(babelify, { presets:["es2015"] }) 

    .bundle() 

    .pipe(source('bundle.js')) 

    .pipe(gulp.dest('./res/js')); 

}); 



gulp.task('watch', function() { 

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

}); 

gulp.task('styles', function() { 

    gulp.src('./res/css/main.styl') 

    .pipe(stylus()) 

    .pipe(gulp.dest('res/css')); 

}); 

gulp.task('watch:styles', function() { 

    gulp.watch('**/*.styl', ['styles']); 

}); 

Answer 1

は、私はあまりにも同様の問題があったが、私はそれが私のために働い代わりgulp.taskgulp.watchに依存タスクを追加することをお勧めします。しかし、正直なところ、これがより良い解決策であるかどうかはわかりません。

gulp.task('watch:styles', ['styles'],function() { gulp.watch('**/*.styl'); });

Answer 2

だから、私の悪い、タスクは正常に働いていました。問題は約15秒（なぜ？）開始するので、15秒前にテストするたびにうまくいきません。

同じタスクで両方のcssファイルとjsファイルを見ていると、私はこれをこの方法で修正しました。

gulp.task('watch', function() { 

     gulp.watch('**/*.js', ['browserify']) 
     gulp.watch('**/*.styl', ['styles']); 

    });