実行時にgulpタスクを実行するには

Question

私は現在、gulpが動作していますが、更新が行われる前にファイルを変更する必要があります。ビルドタスクを実行して変更を監視する方法はありますか？

var gulp = require('gulp'); 
var sass = require('gulp-sass'); 
var browserify = require('browserify'); 
var babelify = require('babelify'); 
var source = require('vinyl-source-stream'); 
var buffer = require('vinyl-buffer'); 


gulp.task('styles', function() { 
    gulp.src('sass/**/*.scss') 
     .pipe(sass().on('error', sass.logError)) 
     .pipe(gulp.dest('css/')); 
}); 

gulp.task('scripts', function() { 
    browserify('js/main.js') 
     .transform(babelify,{presets: ["es2015", "react"]}) 
     .bundle() 
     .pipe(source('bundle.js')) 
     .pipe(gulp.dest('.')) 
     .pipe(buffer()) 
}); 

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

Answer 1

前あなたtaskに実行されている依存タスクとしてそれらを追加します。

これは私の一気ファイルです。

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

タスク'styles'、その後'scripts'はその後'default'のためのコールバック関数は、2つのgulp.watch()ステートメントを呼び出す解雇され、実行されます。