如何使用 gulp-zip 指定 zip 目标文件夹名称答案

【问题标题】：How to specify zip destination folder name using gulp-zip如何使用 gulp-zip 指定 zip 目标文件夹名称
【发布时间】：2017-11-04 23:55:53
【问题描述】：

我正在尝试使用 gulp-zip 构建一个包含版本号的 zip 文件，但在提取时提取到一个没有版本号的文件夹。

如果我通常压缩一个文件夹，然后重命名它，然后解压缩它，文件被提取到原始文件夹名称，我假设是因为设置了目标参数。如果我使用 gulp-zip 执行相同操作（先将其压缩，然后使用版本号重命名），则提取将发生在具有版本号的文件夹中。

var packageJSON = require('./package.json');
var fileName = packageJSON.name;
var fileVersion = packageJSON.version;

var zip = require('gulp-zip');
var rename = require('gulp-rename');

var buildTemp = './temp-build/';
var buildInclude = [ '**/*', '!package*.json', '!node_modules/' ];

gulp.task('buildZip', function () {
    return gulp.src(buildTemp + '/**/')
        .pipe(zip(fileName + '.zip'))
        .pipe(gulp.dest('./'))
        .pipe(notify({message: 'Zip task complete', onLast: true}));
});

gulp.task('renameZip', function () {
    return gulp.src(fileName + '.zip')
        .pipe(rename(fileName + '-' + fileVersion + '.zip'))
        .pipe(gulp.dest('.././'))
        .pipe(notify({message: 'Zip renamed and moved up', onLast: true}));
});


gulp.task('build', function (cb) {
    runSequence('buildZip', 'renameZip', cb);
});

一切正常。我在 gulproot 中得到一个名为 filename.zip 的 zip 文件，并在上面的目录中得到一个名为 filename-version.zip 的文件。问题是当我解压缩 filename-version.zip 时，它会提取到 /filename-version/。

这里也有人问过这个问题：https://github.com/sindresorhus/gulp-zip/issues/88 并参考了 Stack Exchange 并在此处参考了https://github.com/sindresorhus/gulp-zip/pull/35，推荐的解决方案是使用重命名，但这似乎并不实际。

我认为我需要将一个选项传递给 gulp-zip 以指定 zip 目标，但我不清楚如何执行此操作，或者是否可能。

【问题讨论】：

标签： gulp zip gulp-zip

【解决方案1】：

经过大量的调整，我终于整理出了魔法组合。

首先，我需要使用我想要的目标名称创建一个临时目录。其次，我需要在 src glob 中包含 base。

var packageJSON = require('./package.json');
var fileName = packageJSON.name;
var fileVersion = packageJSON.version;

var zip = require('gulp-zip');
var rename = require('gulp-rename');

var buildTemp = fileName;
var buildInclude = [ '**/*', '!package*.json', '!node_modules/' ];

gulp.task('buildZip', function () {
    return gulp.src(buildTemp + '/**/', {base: './'})
        .pipe(zip(fileName + '.zip'))
        .pipe(gulp.dest('./'))
        .pipe(notify({message: 'Zip task complete', onLast: true}));
});

gulp.task('renameZip', function () {
    return gulp.src(fileName + '.zip')
        .pipe(rename(fileName + '-' + fileVersion + '.zip'))
        .pipe(gulp.dest('.././'))
        .pipe(notify({message: 'Zip renamed and moved up', onLast: true}));
});


gulp.task('build', function (cb) {
    runSequence('buildZip', 'renameZip', cb);
});

【讨论】：

【解决方案2】：

更直接的方法：

gulp.src(distDir + '/**', {base: distDir})
    .pipe(rename(function(file) {
        file.dirname = projectName + '/' + file.dirname;
    }))
    .pipe(zip(projectName + '-' + version +'.zip'))
    .pipe(gulp.dest('.'));

【讨论】：