如何在执行上运行gulp任务

我目前只有大量的工作，但需要在任何更新完成之前对文件进行更改。 有没有办法运行构build任务，然后观察变化？

这是我的大嘴文件：

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

将它们添加为在任务之前运行的相关任务 。

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

将运行任务'styles' ，然后'scripts' ，然后触发'default'的callback函数调用两个gulp.watch()语句。