gulp-image-resizeを使用して元のファイルをdistに移動する

Question

現在、Gulp Image Resizeを使用してさまざまなイメージサイズを生成しています。元のファイルをビルダーフォルダに移動する方法があるのなら、私は不思議です。現在、それらはすぐに使用できます。

Answer 1

オリジナルの画像がフォルダsrc/images/にあり、サイズ変更された画像がbuild/images/resizedになるとします。あなたの仕事は次のようになります。元のファイルを含め

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

は、あなたがサイズ変更を行う前に、別のgulp.dest()を追加するのと同じくらい簡単です。

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