我想多次吞并同一文件，但是{＆＃x27; nounique＆＃x27;：true}不起作用

Question

我想按顺序使用Gulp来限制一些HTML文件，其中一些是重复的。

例如：

gulp.task('Generate HTML', function(cb) {
  const srcset = [
    'header.html',
    'content.html',
    'section2.html',
    'banner-cat.html',
    'section3.html',
    'banner-cat.html',
    'section4.html',
    'content.html',
    'content.html',
    'banner.html',
    'footer.html'
  ];

  gulp.src(srcset, {'allowEmpty': true, 'nounique': true, 'nosort': true})
    .pipe(concat('index.html'))
    .pipe(gulp.dest('public/'));
    
  cb();
});

我在 no-Inique no-sort no-sort /“ rel =“ nofollow noreferrer”>文档所以我认为这可以解决我的问题，但是我没有得到所需的结果，因为每个HTML片段都是 concat -ED ，因此任何重复的片段都只会出现一次。

请帮助我提供任何建议，或者如果您知道其他可以帮助我使用Gulp和JavaScript实现这一预期结果的毛刺软件包

Answer 1

Gulp.Src 将其参数视为Glod模式的列表，而不是文件路径。每个模式都可以匹配一个或多个文件或根本不匹配，如果相同的文件与多个模式匹配，则取决于实现的决定。

最好在这里单独加载每个文件，然后加入流。

使用 merge2 ，使用：然后使用：

npm install -D merge2

然后您的代码看起来像这样：

const merge2 = require('merge2');

gulp.task('Generate HTML', function(cb) {
  const srcset = [
    'header.html',
    'content.html',
    'columns-left.html',
    'columns-right.html',
    'columns-left.html',
    'columns-right.html',
    'banner.html',
    'content.html',
    'content.html',
    'banner.html',
    'footer.html'
  ];

  const streams = srcset.map(src => gulp.src(src));
  merge2(...streams)
    .pipe(concat('generated-page.html'))
    .pipe(gulp.dest('public/'));
    
  cb();
});