图像未输出到目的地

Question

吞咽的新手。我的代码有什么问题吗？图像应输出到：assets/images/但它们不会被移动。

我的代码看起来像这样：

const FILES_IMAGES = ['./src/components/**/img/*.{svg,jpg,png,gif,jpg}'];
const ASSETS_PATH = '../server/assets/';
const ASSETS_IMG_PATH = ASSETS_PATH + 'images/';

/*
 * Images
 * --
 * Move and Compress images
 */
gulp.task('images', function () {
    gulp.src(FILES_IMAGES)
        .pipe(imagemin())
        .pipe(flatten({ includeParents: 1 }))
        .pipe(gulp.dest(ASSETS_IMG_PATH))
    ;
});

...more code

gulp.task('default', ['watch', 'css', 'css.min', 'images']);

谢谢你的时间。

Answer 1

在这里尝试一些事情：

1. 尝试从任务返回，告诉任务完成时任务系统，因为gulp.src是异步的，更多关于这个SO answer：

   gulp.task('images', function () {
       return gulp.src(FILES_IMAGES)
           .pipe(imagemin())
           .pipe(flatten({ includeParents: 1 }))
           .pipe(gulp.dest(ASSETS_IMG_PATH));
   });

2. 尝试将string而不是array发送到gulp.src，更多关于此SO answer：

const FILES_IMAGES = './src/components/**/img/*.{svg,jpg,png,gif,jpg}';

3. 如果将array发送到gulp.src（就像现在这样），请尝试在base中指定gulp.src目录，这个SO answer也可以帮助：

gulp.src(FILES_IMAGES, {base: "."})

我猜第一点或第一点和第二点的组合就可以了。