Question

我目前只有gulp工作，但需要在更新完成之前对文件进行更改。有没有办法运行构建任务然后注意更改？

这是我的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'两个gulp.watch()语句来触发netflix的回调函数。

如何在执行时运行gulp任务

1 个答案: