gulp 通知在任务完成之前发生

Question

无法理解 gulp（我是新手）。

我想自动化一个产品构建，其中涉及从 gitlab 存储库克隆。

我不明白为什么我需要src('package.json')，这是某种诡计吗？我也不明白为什么我会在任务开始而不是结束时收到通知！

var gulp   = require('gulp');
var git    = require('gulp-git-streamed');
var notify = require('gulp-notify');


gulp.task('clone', function() {
  return gulp
    .src('package.json') // wth is this?
    .pipe(git.clone('https://gitlab.somedomain.com/mockups/theme.git', {args: './src/gitlab/mockups'}))
    .pipe(notify('psd repo cloned!')); // why does this run before cloning is finished?
});

会发生什么：

[13:16:34] gulp-notify: [Gulp notification] psd repo cloned!
[13:20:23]  Cloning into './src/gitlab/mockups'...
Checking out files: 100% (18/18), done.

有什么想法吗？

Answer 1

gulp-git-streamed 是gulp-git 的包装器，它允许您将 git 操作应用于流中的文件。这对于添加和提交文件之类的事情很有意义：

return gulp.src('**/*.js')
  .pipe(git.add())
  .pipe(git.commit('Commit all JS files'))

但是，clone 操作毫无意义。 gulp-git-streamed 实际上并没有将克隆的文件发送到流中，因为它需要一个现有的流开始，你必须人为地创建一个你知道存在的虚拟文件，如 package.json。

在您的情况下，最好直接使用gulp-git 和node-notifier：

var gulp   = require('gulp');
var git    = require('gulp-git');
var notifier = require('node-notifier');

gulp.task('clone', function(done) {
  git.clone('https://gitlab.somedomain.com/mockups/theme.git',
    {args: './src/gitlab/mockups'}, function (err) {
      if (err) {
        notifier.notify(err.message);      
      } else {
        notifier.notify('psd repo cloned!');
      }
      done();
  });
});

gulp.task('dependsOnClone', ['clone'], function(done) {
  console.log('starts executing after clone task has finished');
});