실행시 덤프 작업을 실행하는 방법

Question

현재 꿀꺽 꿀꺽 마시고 있지만 굳이 업데이트하기 전에 파일을 변경해야합니다. 빌드 작업을 실행 한 다음 변경 사항을 감시 할 수있는 방법이 있습니까?

이 내 꿀꺽 파일입니다

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'에 대한 콜백 함수는 두 gulp.watch() 문을 호출 발사됩니다.