Задание глотка ничего не дает

Question

Я начал учиться глотать. Когда я запускаю свои задачи gulp на консоли, консоль не показывает никаких ошибок, однако ничего не выдает.

Я почти уверен, что что-то упустил в моем gulpfile.js

Я пытаюсь изменить размеры изображений с помощью gulp-image-resize. Вот мой глоток:

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

gulp resize-min или gulp resize-medium ничего не делают.

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

И для другой задачи вам рано или поздно понадобятся операторы возврата, чтобы дать сигнал глотать, когда эта задача будет выполнена.