Wie schlucke Tasks ausführen

Question

Ich habe derzeit nur Schluck arbeiten, aber müssen eine Änderung an einer Datei vornehmen, bevor eine Aktualisierung erfolgt ist. Gibt es eine Möglichkeit, die Build-Aufgaben auszuführen und dann nach Änderungen Ausschau zu halten?

Dies ist mein schluck Datei:

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

sich als abhängige Aufgaben hinzufügen, die vor Ihrem task ausgeführt werden.

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

Die Aufgaben 'styles' und dann wird 'scripts' ausgeführt werden, dann wird die Callback-Funktion für 'default' die beiden gulp.watch() Aussagen Aufruf abgefeuert werden.