在 gulp 中将文件传递给 browserify 时使用 glob 匹配

Question

我看到的所有使用 browserify 和 gulp 的示例都假定您只想浏览 1 个文件。通常情况并非如此。

我遇到了一个使用 vinyl-transforms 的例子，但我无法让它正常工作。这是（咖啡脚本）代码：

# Browserify JS

gulp.task 'browserify', [], ->

    # Create the transform
    br = transform (f) ->
        return browserify(f).bundle()

    # Run browserify
    gulp.src(['./public/js/**/*.js'])
        .pipe(br)
        .pipe(gulp.dest('.'))

但是我收到以下错误：

[10:50:55] Starting 'browserify'...

events.js:72
        throw er; // Unhandled 'error' event
              ^
Error: write after end

Answer 1

最简单的方法是直接使用 glob:

var glob = require('glob');

gulp.task('browserify', function() {
  var files = glob.sync('./public/js/**/*.js');
  return browserify({entries: files})
    .bundle()
    .pipe(gulp.dest('.'));
});

在 gulp 中将文件传递给 browserify 时使用 glob 匹配

Use glob matching, when passing files to browserify in gulp

javascript

coffeescript

gulp

browserify