javascript - Gulp.js - 无法将生成的文件从一个文件夹复制到另一个文件夹

Question

gulp.task('minify-css', function () {

   gulp.src(['src/test/test.css])
   .pipe(concat('test1.css'))
   .pipe(minifyCSS())
   .pipe(gulp.dest('src/source/'))
   .pipe(filesize())

});
gulp.task('copy-css',['minify-css'], function () {

   gulp.src('src/source/*.css')
   .pipe(gulp.dest('src/dest/'));

});

好像是第一次运行'gulp copy-css'

Starting 'minify-css'...
[18:54:39] Finished 'minify-css' after 61 ms
[18:54:39] Starting 'copy-css'...
[18:54:39] Finished 'copy-css' after 1.86 ms

但是复制操作并没有执行可能是因为它甚至在要复制的文件没有生成之前就执行了

尽管我已经提到 minify-css 作为 copy-css 任务的依赖项，但在这种情况下它似乎没有遵循该约定。

当 gulp copy-css 再次运行时，这次文件被复制，因为该文件已经从先前执行的命令生成。但是当代码在生产中使用时，这会违背目的。

Answer 1

如下更改两个任务

gulp.task('minify-css', function () {
    return  gulp.src(['src/test/test.css])
   .pipe(concat('test1.css'))
   .pipe(minifyCSS())
   .pipe(gulp.dest('src/source/'))
   .pipe(filesize())    
});

gulp.task('copy-css',['minify-css'], function () {
   return gulp.src('src/source/*.css')
   .pipe(gulp.dest('src/dest/'));

});

添加 return 以便下一个任务在第一个任务运行之后运行，否则您的 copy-csss 甚至在 minify-css 完成之前就在运行。因此错误...