使用 gulp-htmlbuild 而不将所有文件连接到一个文件中

Question

我想：

1. 读取 htmlbuild:js 块中的所有 js 文件
2. 将它们导入到一系列构建步骤中，例如丑化、语法检查、....、
3. 将它们（同时保留其目录结构）复制到目标文件夹（实际上是 html 构建目标）
4. 再次在 htmlbuild:js 中添加指向所有这些的链接

default example of the package 中的用例与我想要的类似，但不是第 3 步和第 4 步，它只是将它们全部连接到具有预定义名称的单个文件中，并写入指向该文件的单个脚本标记。

Answer 1

您在 htmlbuild 回调函数中收到的block 是一个可写流。无论你写什么，最终都会替换块。在示例的情况下，只有一条路径写入它，但没有什么能阻止您编写多条路径：

// then write the build result path to it 
block.write('path1.js');
block.write('path2.js');
block.write('path3.js');
block.write('path4.js');
block.end();

由于它也是一个可读流，您可以将其通过管道传输到自身或对其应用转换：

// First build the files that are in the block
block
  .pipe(buildSteps)
  .pipe(gulp.dest(targetDir));

// Then rename all the paths and write back to the block
block
  .pipe(renameToDestination)
  .pipe(block);

在此示例中，renameToDestination 将是一个转换流，它接受作为字符串的路径并将它们重命名为目标目录。