吞咽任务不会产生任何结果

Question

我开始学吞咽。当我在控制台上运行任务时，控制台不会显示任何错误，但是不会产生任何结果。

我很确定我在gulpfile.js里遗漏了一些东西

我正在尝试用吞咽图像调整图像大小。这里是我的吞咽文件：

const gulp = require('gulp');
const imageResize = require('gulp-image-resize');
const rename = require('gulp-rename');
const changed = require('gulp-changed');

const imgPaths = {
    src:'./img/**/*.{jpg}',
    dist:'./img/responsive/'
}

gulp.task('resize-min', function() {
    gulp.src(imgPaths.src)
    .pipe(changed(imgPaths.dist))
    .pipe(imageResize({width : 320}))
    .pipe(rename({suffix: '-320w'}))
    .pipe(gulp.dest(imgPaths.dist))
});

gulp.task('resize-medium', function() {
    gulp.src(imgPaths.src)
    .pipe(changed(imgPaths.dist))
    .pipe(imageResize({width : 480}))
    .pipe(rename({suffix: '-480w'}))
    .pipe(gulp.dest(imgPaths.dist))
});

大口调整大小

Answer 1

imgPaths对象中的这一行不正确：

src:'./img/**/*.{jpg}',

你想要的是：

src:'./img/**/*.jpg',

或者，如果您有其他的图像文件格式-捕获它们的所有：

src:'./img/**/*.+(png|jpg|gif|svg)',

另外，将返回语句放入任务中，如下所示：

gulp.task('resize-min', function() {
    return gulp.src(imgPaths.src)
     .pipe(changed(imgPaths.dist))
     .pipe(imageResize({width : 320}))
     .pipe(rename({suffix: '-320w'}))
     .pipe(gulp.dest(imgPaths.dist))
});

另一个任务是，您迟早需要返回语句，以便在该任务完成后发出信号来吞咽。