Verschieben der Originaldatei nach dist unter Verwendung von gulp-image-resize

Question

Derzeit wird Gulp Image Resize verwendet, um unterschiedliche Bildgrößen zu erzeugen. Ich bin gespannt, ob es auch möglich ist, die Originaldatei in den Builder-Ordner zu verschieben. Momentan werden diese nicht sofort bereitgestellt.

Answer 1

Sagen Sie, Ihre Originalbilder befinden sich in einem Ordner src/images/ und Ihre skalierten Bilder enden in build/images/resized. Ihre Aufgabe würde wie folgt aussehen:

gulp.task('resize-images', function() { 
    return gulp.src('src/images/*.png') 
    .pipe(resize({width:100})) 
    .pipe(gulp.dest('build/images/resized')); 
}); 

Einschließlich der Original-Dateien so einfach ist wie das Hinzufügen eines weiteren gulp.dest(), bevor Sie die Größe neu bestimmen zu tun:

gulp.task('resize-images', function() { 
    return gulp.src('src/images/*.png') 
    .pipe(gulp.dest('build/images/original')) 
    .pipe(resize({width:100})) 
    .pipe(gulp.dest('build/images/resized')); 
});