使用 gulp-image-resize 将原始文件移动到 dist

Question

目前正在使用 Gulp Image Resize 生成不同尺寸的图像。我很好奇是否有办法将原始文件也移动到 builder 文件夹。目前那些不会生成开箱即用的。

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

使用 gulp-image-resize 将原始文件移动到 dist

Move original file to dist using gulp-image-resize

image-resizing

gulp