合并2个流

Question

我正在尝试使用gulp和gulp-less来自定义bootstrap。

Bootstrap文件位于一个文件夹中，我在另一个文件夹中自定义，我想将所有文件读入组合内存流，并执行更少，输出CSS而不复制文件。这可能吗？我想我需要使用乙烯基fs，但我是节点和吞咽的新手......

此代码不起作用，但说明我希望做什么 -

gulp.task('compileLess', function(){
    return gulp.src([
        'public/less/custom/*.less',
        'bower_components/bootstrap/less/**/*.less'
    ])
    .pipe(mergeIntoOneInMemoryDir())
    .pipe(grabOneFile('bootstrap.less')
    .pipe(less())
    .pipe(gulp.dest('public/compiled-bootstrap.css'));
});

Answer 1

在gulp v4中，您可以简单地将流添加到现有流，但是现在要组合两个流，您可以使用 event-stream的 merge

这样的事情：

var es = require('event-stream');

gulp.task('compileLess', function () {

  var custom = gulp.src('public/less/custom/*.less');
  var bootstrap = gulp.src('bower_components/bootstrap/less/**/*.less');

  return es.merge(custom, bootstrap)
    .pipe(less())
    .pipe(gulp.dest('public/compiled-bootstrap.css'));
});