Как установить gulp.dest() в том же каталоге, что и входы на входе?

Мне нужно, чтобы все найденные изображения в каждом из каталогов были оптимизированы и записаны в них, не устанавливая путь к каждой папке отдельно. Я не понимаю, как это сделать.

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('./'));
});

Ответы

Ответ 1

Вот два ответа.
Сначала:. Он длиннее, менее гибкий и нуждается в дополнительных модулях, но он работает на 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;
    }));

Ответ 2

Здесь вы идете:

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

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

Gulp принимает все, что подстановочный знак или globstar в его имя виртуального файла. Таким образом, все части, которые вы знаете, вы хотите выбрать (например, ./images/), должны находиться в целевом каталоге.

Ответ 3

Вы можете использовать параметр base:

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