Question

我开始学习口吃。当我在控制台上运行gulp任务时，控制台不会显示任何错误，但是不会产生任何错误。

我很确定我在gulpfile.js中缺少了一些东西

我正在尝试使用gulp-image-resize调整图像大小。 这是我的gulpfile：

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)',

此外，将return语句放入任务中，如下所示：

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

还有另一个任务，您迟早需要return语句以在任务完成时向gulp发出信号。

Gulp任务不会产生任何结果

1 个答案: