Question

是否可以让gulp-image-resize吐出多个图像，例如@ 1x和@ 2x图像。我的gulp任务目前看起来像这样：

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之后。

    public static String displayArray (int [] array) {

    StringBuilder sb = new StringBuilder();
            for (int i=0; i< array.length; i++) {

                sb.append(array[i]+",");
            }
String result=sb.toString()+",";
       result=result.replace(",,","");

    return "{"+result+"}";
    }

gulp-image-resize With Multiple Images

1 个答案: