gulp.src 使用同步通配符

Question

我查看了gulp.src() 的来源，显然它只是对require('vinyl-fs').src() 的引用。查看 vfs 的 src() 的文档，它说它接受它定义的任何选项，以及“任何与 glob 相关的选项都记录在 glob-stream 和 node-glob 中。”根据node-glob的文档，我可以传入选项{ sync: true }。

但是，当我尝试使用 gulp.src(..., { sync: true }) 时，我从 gulp 中收到此错误：

TypeError: Object #<GlobSync> has no method 'on'

知道如何用gulp.src() 指定sync 选项吗？

Answer 1

我有以下解决方案，我在每个 glob 上分别应用 gulp.src 和 gulp-order 并使用 merge2 顺序合并流。

var order = require('gulp-order');
var merge = require('merge2');    

var paths = ['folder1/**/*', 'folder2/**/*'];

var streams = paths.map(function (path) {
    return gulp.src(path)
        .pipe(order([path]));
});

return merge.apply(this, streams);

这样，order() 确保每个单独的 glob 按固定（字母顺序）排序，并合并连接流。

缺点：路径必须是不相交的，并且不能否定。

为了允许重叠，可以通过以下方式修改脚本以添加其他路径作为否定。这也允许否定。

var paths = [['src/**/*.module.js'], ['src/**/*.js', '!src/**/*.module.js']];

var streams = paths.map(function (path) {
    return gulp.src(path)
        .pipe(order(path));
});

return merge.apply(this, streams);

Answer 2

使用gulp.src(filePatterns).pipe(order(filePatterns)) 时仍然遇到问题。现在每次运行gulp 时，连接的输出顺序都保持不变，但连接的顺序不是filePatterns 数组文字指定的顺序。也许我错过了一些东西。

无论如何，我最终在下面实施了这个解决方法。例如，我不再执行 gulp.src(filePatterns)，而是执行 gulp.src(deglob(filePatterns)) 并每次获得相同的顺序，并且按照定义 filePatterns 数组字面量的顺序。

function deglob() {
    var syncGlob = require('glob').sync,
        patterns = _.flatten(arguments, true);

    return _.flatten(patterns.map(function(pattern) {
        return syncGlob(pattern).map(function(file) {
            return pattern.charAt(0) === '!' ? ('!' + file) : file;
        });
    }), true);
}

我实际上已经完全停止使用gulp.src()，而是在任何地方都使用它：

gulp.from = function () {
    return gulp.src(deglob(arguments));
};

Answer 3

如果您需要文件按特定顺序排列，请使用gulp-sort（字母等）或gulp-order（全局）。

有关背景信息，请参阅此问题：https://github.com/gulpjs/gulp/issues/687