如何在与管道输入相同的目录中设置 gulp.dest()？

Question

我需要将每个目录中找到的所有图像进行优化并记录到其中，而无需单独设置每个文件夹的路径。我不知道怎么做。

var gulp = require('gulp');
var imageminJpegtran = require('imagemin-jpegtran');

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

return gulp.src('./images/**/**/*.jpg')
    .pipe(imageminJpegtran({ progressive: true })())
    .pipe(gulp.dest('./'));
});

Answer 1

给你：

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

    return gulp.src('./images/**/**/*.jpg')
        .pipe(imageminJpegtran({ progressive: true })())
        .pipe(gulp.dest('./images/'));
});

Gulp 将通配符或 globstar 的所有内容都放入其虚拟文件名中。所以你知道你想要select（比如./images/）的所有部分都必须在目标目录中。

Answer 2

这里有两个答案。
第一：它更长，灵活性较低，需要额外的模块，但它的运行速度提高了 20%，并为您提供了每个文件夹的日志。

var merge = require('merge-stream');

var folders =
[
    "./pictures/news/",
    "./pictures/product/original/",
    "./pictures/product/big/",
    "./pictures/product/middle/",
    "./pictures/product/xsmall/",
    ...
];

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

    var tasks = folders.map(function (element) {

        return gulp.src(element + '*')
            .pipe(sometingToDo())
            .pipe(gulp.dest(element));

    });

    return merge(tasks);

});

方案二：灵活优雅，但速度较慢。我比较喜欢

return gulp.src('./pictures/**/*')
    .pipe(somethingToDo())
    .pipe(gulp.dest(function (file) {
        return file.base;
    }));

Answer 3

您可以使用base参数：

gulp.task('uglify', function () {
  return gulp.src('./dist/**/*.js', { base: "." })
    .pipe(uglify())
    .pipe(gulp.dest('./'));
});

如何在与管道输入相同的目录中设置 gulp.dest()？

How to set gulp.dest() in same directory as pipe inputs?

gulp