Question

我的gulpFile中有以下任务，由我团队中的其他人创建：

gulp.task('serve', [], function(){
   gulp.run(
    'fonts',
    'browsersync',
    'watch'
  );
});

我想不管它，但我还想将默认任务映射到此任务。所以我试过了：

gulp.task('default',['serve']);

它似乎有效，因为服务器运行，但由于某种原因，＆＃34;观看＆＃34;任务没有发生，我没有让浏览器刷新更改。

如果我运行＆＃34; gulp serve＆＃34;这一切都按计划运作但不是＆＃34; gulp＆＃34;。我做错了什么？

修改这是观察任务：

gulp.task('watch', ['styles', 'browsersync'], function() { //'default'
  gulp.watch(
    [
      './app/assets/sass/**/*.scss',
      './app/modules/**/*.scss'
    ], ['styles']);

  gulp.watch([
    './app/**/*.js',
    './app/**/*.html'
  ], function() {
    reload();
  });

});

Answer 1

尝试更新默认任务，将监视任务包含在数组参数中，而不是在serve内运行。像这样：

gulp.task('default', ['serve', 'watch']);

如果你查看了asynchronous task support上的Gulp文档，特别是最后一个例子，你会发现在指定的任务开始之前你可以要求完成一个从属任务。

var gulp = require('gulp');

// takes in a callback so the engine knows when it'll be done
gulp.task('one', function(cb) {
    // do stuff -- async or otherwise
    cb(err); // if err is not null and not undefined, the run will stop, and note that it failed
});

// identifies a dependent task must be complete before this one begins
gulp.task('two', ['one'], function() {
    // task 'one' is done now
});

gulp.task('default', ['one', 'two']);

Answer 2

gulp.run和gulp.start被视为不良做法：

https://github.com/gulpjs/gulp/issues/426
https://github.com/gulpjs/gulp/issues/505

不幸的是，这里的答案似乎是你的同事可能不太了解Gulp。如果不更改代码，您可能无法解决此问题。

如果没有更多的上下文，就像整个gulpfile一样，我无法重现您的确切问题。但是，我的预感是它与Gulp以异步/连续方式运行任务的方式有关。可能是您的“默认”任务过早退出，因为gulp.run不会同步执行。无论如何，Gulp对哪些任务需要等待什么，什么时候感到困惑。您正在使用两种完全不同的工具来管理运行顺序。

而不是gulp.run，您的“服务”任务应该真正使用依赖项来运行其他任务：

gulp.task('serve', ['fonts', 'browsersync', 'watch']);
gulp.task('default', ['serve']);

此外，值得指出的是，您的监视任务已将“browsersync”列为依赖项。虽然在技术上不正确（Gulp将第二次忽略它），但它可能导致过度复杂和混乱，因此可能不是一个好主意。如果'watch'依赖于'browsersync'，您可以从'serve'中删除'browsersync'依赖项：

gulp.task('watch', ['styles', 'browsersync'], function () {
  gulp.watch([
    './app/assets/sass/**/*.scss',
    './app/modules/**/*.scss'
  ], ['styles']);

  gulp.watch([
    './app/**/*.js',
    './app/**/*.html'
  ], function() {
    reload();
  });
});
gulp.task('serve', ['fonts', 'watch']);
gulp.task('default', ['serve']);

这可以为您提供所需的结果。

所有这一切，如果您真的坚持遵循不良做法，您可以尝试在“默认”任务中使用gulp.run：

gulp.task('default', function() {
  gulp.run('serve');
});

我怀疑你的主要问题是你正在混合使用数组任务依赖项和gulp.run，但不管怎样，gulp.run“做错了”。

Answer 3

在Gulp版本4中进行了测试，您可以像这样运行：
请注意，您可以通过异步返回该函数。

文件名：gulpfile.js

gulp.task('one', async () => {
  // action you desire
});

// If you want to in parallel
gulp.task('default', gulp.parallel('one'));
// If you want to in series
gulp.task('default', gulp.series('one'));

将Gulp任务设置为默认值

3 个答案: