4

我正在使用 gulp 来复制和清理我的前端项目。我想运行一些顺序任务。这意味着，例如，我希望启动和完成复制任务，然后运行它的以下任务（复制任务）。当我运行我的任务时，我经常看到这个错误：

events.js:72
    throw er; // Unhandled 'error' event
          ^
Error: ENOENT, lstat '/home/reza/projects/account-web/dist/views'

之后lstat，我随机看到一个文件名。我只是发现当没有 dist 文件夹或者它是空的复制任务时运行正常，但是当 dist 文件夹不为空时，即使是干净的任务也会抛出错误。下面是我的 gulp 文件和命令结果：

var gulp = require('gulp');
var clean = require('gulp-clean');
var merge = require('gulp-merge');
var runSequence = require('run-sequence');

gulp.task('clean', function () {
    gulp.src('./dist/**').pipe(clean());
});

gulp.task('copy-js', function () {
    return gulp.src('app/js/**').pipe(gulp.dest('dist/js/'));
});
gulp.task('copy-bower', function () {
    return     gulp.src('bower_components/**').pipe(gulp.dest('dist/bower_components/'));
});
gulp.task('copy-script', function () {
    return     gulp.src('app/scripts/**').pipe(gulp.dest('dist/scripts/'));
});
gulp.task('copy-styles', function () {
    var stream1 =     gulp.src('app/styles/**').pipe(gulp.dest('dist/styles/'));
    var stream2 =     gulp.src('app/fonts/**').pipe(gulp.dest('dist/fonts/'));
    var stream3 = gulp.src('app/img/**').pipe(gulp.dest('dist/img/'));
    return merge(stream1, stream2, stream3);
});
gulp.task('copy-views', function () {
    var stream1 =     gulp.src('app/views/**').pipe(gulp.dest('dist/views/'));
    var stream2 = gulp.src('app/*').pipe(gulp.dest('dist/'));
    return merge(stream1, stream2);
});

gulp.task('dist', function () {
    runSequence(['copy-bower','copy-js', 'copy-script', 'copy-styles',     'copy-views']);//
});

gulp.task('dev', function () {
    runSequence('clean', 'dist')
});

gulp.task('default', ['dev']);

我认为存在并发问题并且任务没有真正按顺序运行，所以我尝试了一些模块来解决这个问题，比如runSequence。

➜  account-web git:(master) ✗ gulp clean
[14:20:55] Using gulpfile ~/projects/account-web/Gulpfile.js
[14:20:55] Starting 'clean'...
[14:20:55] Finished 'clean' after 5.58 ms

events.js:72
        throw er; // Unhandled 'error' event
              ^
Error: ENOENT, lstat '/home/reza/projects/account-web/dist/views'


➜  account-web git:(master) ✗ gulp dev
[14:35:03] Using gulpfile ~/projects/account-web/Gulpfile.js
[14:35:03] Starting 'dev'...
[14:35:03] Starting 'clean'...
[14:35:03] Finished 'clean' after 5.47 ms
[14:35:03] Starting 'dist'...
[14:35:03] Starting 'copy-bower'...
[14:35:03] Starting 'copy-js'...
[14:35:03] Starting 'copy-script'...
[14:35:03] Starting 'copy-styles'...
[14:35:03] Starting 'copy-views'...
[14:35:03] Finished 'dist' after 14 ms
[14:35:03] Finished 'dev' after 22 ms

stream.js:94
      throw er; // Unhandled stream error in pipe.
            ^
Error: ENOENT, open '/home/reza/projects/account-    web/dist/styles/fonts.css'
4

1 回答 1

7

我想知道它是否在嵌套文件夹已被删除后尝试异步删除嵌套文件夹中的文件。尝试更改您的 src 以包含没有通配符的 dist 文件夹。这将告诉它删除 dist 文件夹而不是单独删除每个项目。

gulp.task('clean', function () {
    gulp.src('./dist').pipe(clean());
});

似乎 gulp-clean 已被弃用，您可能需要检查del作为替代。它能够正确处理您的原始 glob 模式。

于 2015-09-16T12:49:29.953 回答