用Through2从乙烯基流创建多个文件

Question

我一直想自己想办法解决这个问题，但还没有成功。我甚至不知道如何开始研究这个问题(虽然我已经尝试过一些谷歌搜索，但没有结果)，所以我决定在这里问这个问题。

是否有可能从Through2对象流返回多个Vinyl文件？

我的用例是:我通过流接收一个HTML文件。我希望隔离文件的两个不同部分(使用jQuery)，并将它们返回到两个单独的HTML文件中。我可以用一个部分(和一个生成的HTML文件)来完成这个任务，但是我完全不知道如何生成两个不同的文件。

有人能帮我一把吗？提前谢谢。

Answer 1

基本方法如下：

1. 使用clone()函数从输入文件中创建尽可能多的输出文件。
2. 根据需要修改每个文件的.contents属性。不要忘记这是一个缓冲区，而不是一个字符串。
3. 修改每个文件的.path属性，这样您的文件就不会相互覆盖。这是一条绝对的路径，所以使用像path.parse()和path.join()这样的方法可以使事情变得更简单。
4. 从this.push()中为您创建的每个文件调用变换函数。

下面是一个快速示例，它将一个文件test.txt分解为两个同样大的文件test1.txt和test2.txt

var gulp = require('gulp');
var through = require('through2').obj;
var path = require('path');

gulp.task('default', function () {
  return gulp.src('test.txt')
    .pipe(through(function(file, enc, cb) {
       var c = file.contents.toString();
       var f = path.parse(file.path);
       var file1 = file.clone();
       var file2 = file.clone();
       file1.contents = new Buffer(c.substring(0, c.length / 2));
       file2.contents = new Buffer(c.substring(c.length / 2));
       file1.path = path.join(f.dir, f.name + '1' + f.ext);
       file2.path = path.join(f.dir, f.name + '2' + f.ext);
       this.push(file1);
       this.push(file2);
       cb();
    }))
    .pipe(gulp.dest('out'));
});