Gulp 不使用 watchify、browserify 退出

Question

我想设置 gulp 以便能够做两件事：1) 使用 watchify 监视文件中的更新并使用 browserify 自动重建更改，以及 2) 进行临时构建一次并退出。

#1 似乎工作正常，但我无法让 #2 工作。我在终端中输入 gulp build，一切都很好地捆绑在一起，但是 gulp 没有退出或退出；它就在那里，我不会回到命令行。

我做错了什么？这是整个 gulp 文件：

'use strict';

var gulp = require('gulp');
var browserify = require('browserify');
var watchify = require('watchify');
var source = require('vinyl-source-stream');
var gutil = require('gulp-util');

var b = watchify(browserify({
  cache: {},
  packageCache: {},
  entries: ['./app/app.js'],
  debug: true,
  transform: ['reactify']
}));

b.on('log', gutil.log);

var bundle = function() {
  return b.bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('./dist'));
};

gulp.task('watch', function() {
  b.on('update', bundle);
});

gulp.task('build', function() {
  bundle();
});

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

这是我终端的输出：

[11:14:42] Using gulpfile ~/Web Dev/event-calendar/gulpfile.js
[11:14:42] Starting 'build'...
[11:14:42] Finished 'build' after 4.28 ms
[11:14:45] 1657755 bytes written (2.99 seconds)

Gulp 在 11:14:45 登录后仍然是运行，并且不会跳回终端。

Answer 1

.bundle() 不应在 watchify 包装器上调用。以下修复了所有问题：

'use strict';

var gulp = require('gulp');
var browserify = require('browserify');
var watchify = require('watchify');
var source = require('vinyl-source-stream');
var gutil = require('gulp-util');

var b = function() {
  return browserify({
    cache: {},
    packageCache: {},
    entries: ['./app/app.js'],
    debug: true,
    transform: ['reactify']
  });
};

var w = watchify(b());

w.on('log', gutil.log);

var bundle = function(pkg) {
  return pkg.bundle()
    .pipe(source('bundle.js'))
    .pipe(gulp.dest('./dist'));
};

gulp.task('watch', function() {
  bundle(w);
  w.on('update', bundle.bind(null, w));
});

gulp.task('build', bundle.bind(null, b()));

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

Gulp 不使用 watchify、browserify 退出

Gulp doesn't exit with watchify, browserify

gulp

browserify

watchify