gulp-image-resize With Multiple Images

Question

Возможно ли, что gulp-image-resize выплевывает несколько изображений, например изображение @ 1x и @ 2x. Мой глоток задача выглядит следующим образом в настоящее время:

gulp.task('images', function() { 
    return gulp.src('test.jpg') 
    .pipe(imageResize({ width: 1920 })) 
    .pipe(imagemin({ 
     progressive: true 
    })) 
    .pipe(rename({ 
     suffix: '@2x' 
    })) 
    .pipe(gulp.dest('./_site/public/img')) 
    .pipe(imageResize({ width: 960 })) 
    .pipe(imagemin({ 
     progressive: true 
    })) 
    .pipe(gulp.dest('./_site/public/img')) 
}); 

Но это только помещает изображение называется test@2x.jpg с шириной 960px в мой каталог назначения.

Есть ли способ сохранить два изображения. Один называется test.jpg с шириной 960px, а один называется test@2x.jpg с шириной 1920px?

Любая помощь приветствуется. Заранее спасибо!

Answer 1

Вы переименовываете файл слишком рано, просто поместите трубку переименования после первого gulp.dest.

gulp.task('images', function() { 
    return gulp.src('test.jpg') 
    .pipe(imageResize({ width: 1920 })) 
    .pipe(imagemin({ 
     progressive: true 
    })) 
    .pipe(gulp.dest('./_site/public/img')) // move this line to before the gulp.dest 
    .pipe(rename({ 
     suffix: '@2x' 
    })) 
    .pipe(imageResize({ width: 960 })) 
    .pipe(imagemin({ 
     progressive: true 
    })) 
    .pipe(gulp.dest('./_site/public/img')) 
});