如何使用 Gulp Zip 压缩 zip 文件

Question

我已经开始使用 Gulp JS，我必须承认我发现它真的很有用。

我需要执行的任务之一是将一组文件夹压缩成单独的 zip 文件，每个文件夹一个，然后将所有这些压缩文件压缩成一个 zip 文件。使用 Gulp-Zip 我已经做到了这一点：

var modelFolders = [
        'ELFH_Check',
        'ELFH_DDP',
        'ELFH_Free'
];

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

        for (var i = 0; i < modelFolders.length; i++) {

            var model = modelFolders[i];

            gulp.src('**/*', {cwd: path.join(process.cwd(), '/built_templates/' + model) })
            .pipe(zip(model + '.zip'))
            .pipe(gulp.dest('./built_templates'));

        };

});

这工作并输出 ELFH_Check.zip、ELFH_DDP.zip 和 ELFH_Free.zip。但是，然后我需要将这些 zip 文件压缩到一个名为“Templates.zip”的 zip 文件中，但我无法完成这项任务：

// zip up model files
gulp.task('zipTemplate', ['zipModels'], function () {  

        gulp.src('*.zip', {cwd: path.join(process.cwd(), './built_templates/') })
               .pipe(zip('Templates_.zip'))
               .pipe(gulp.dest('./built_templates'));

});

有谁知道这是可能的还是我做错了什么？

Answer 1

我也看到了这个问题，它似乎与cwd 选项有关。我会进一步调查。

@OverZealous 发表评论后，我进一步调查发现两个问题：

1. 正如他所说，您需要通过从它返回一个流来提示 gulp 等到依赖任务结束 (zipModels)。由于您有多个流，您可以使用event-stream.merge 返回一个捆绑流。

2. bundle zip 不能工作的原因是因为你 cwd 指向/built_templates/，而第二个斜杠导致了一些问题。要正常工作，需要去掉尾部斜杠，所以应该是path.join(process.cwd(), '/built_templates')。

重要

无论如何，您应该避免使用临时文件。 Gulp 的理念是尝试使用管道来避免 IO。在那个方向上，你要做的是削减中间的dest步骤，merge流，zip它们，最后输出它们。

类似的东西：

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

var modelFolders = [
    'ELFH_Check',
    'ELFH_DDP',
    'ELFH_Free'
];

gulp.task('zipModels', function () {
    var zips = [],
        modelZip;

    for (var i = 0; i < modelFolders.length; i++) {
        var model = modelFolders[i];

        modelZip = gulp.src('**/*', {cwd: path.join(process.cwd(), '/built_templates/' + model) })
          .pipe(zip(model + '.zip'));

        // notice we removed the dest step and store the zip stream (still in memory)
        zips.push(modelZip);
    };

    // we finally merge them (the zips), zip them again, and output.
    return es.merge.apply(null, zips)
        .pipe(zip('templates.zip'))
        .pipe(gulp.dest('./'));
});

根据您的文件夹名称 (built_templates)，您似乎还有其他一些任务会生成临时构建文件。最好，你也不想要这些。您应该将它们的流直接通过管道传输到 ZIP 流，最后通过管道传输到 bundle-zip 流。通过这样做，您将拥有一个简单的流，其中一个磁盘读取，最后一个磁盘写入，没有临时文件。

如果您需要它们是不同的任务，请考虑使用一个函数来生成直到 gulp.dest 管道之前的步骤的流，并在所有子任务上使用此函数。

此外，请始终尝试提示您的异步任务 by returning a stream, a promise or receiving a callback 函数，并建议任务结束。