为什么 Gulp 不忽略文件？

Question

我的项目结构：

build
public
    assets
        css
            app.css
            vendor.css
        js
            app.js
            vendor.js
    index.html
src
    assets
        styles
            main.styl
        coffee
            main.coffee
    index.jade

我的任务是在两个文件中构建 Bower 库：vendor.css 和 vendor.js:

var uglify = require('gulp-uglify');
var minifyCss = require('gulp-minify-css');
var mainBowerFiles = require('gulp-main-bower-files');
var filter = require('gulp-filter');
var concat = require('gulp-concat');
var connect = require('gulp-connect');

gulp.task('bower', ['clean'], function () {
  var jsFilter = filter('**/*.js', { restore: true });
  var cssFilter = filter('**/*.css', { restore: true });

  return gulp.src('./bower.json')
    .pipe(mainBowerFiles())
    .pipe(cssFilter)
    .pipe(concat('vendor.css'))
    .pipe(minifyCss())
    .pipe(gulp.dest(path.dist.css))
    .pipe(cssFilter.restore)

    .pipe(jsFilter)
    .pipe(concat('vendor.js'))
    .pipe(uglify())
    .pipe(gulp.dest(path.dist.js))
    .pipe(jsFilter.restore)

    .pipe(connect.reload());
});

这是我在更改 src 文件夹中的文件时清理临时文件夹的任务：

var del = require('del');
...
gulp.task('clean', function () {
  return del(['build', 'public/**', '!public/**/vendor.{js,css}']);
});

那必须删除build文件夹和public目录的所有内容，除了文件夹public/assets/css和[=中的vendor.css和vendor.js 31=].

这样做是为了不在每次更改文件时都构建一个 bower 库，因为它需要 3-4 秒（顺便问一下，这正常吗？），但仅在第一次启动或更改时bower.json（运行独立观察者）。

但不知何故，文件 vendor.js 和 vendor.css 也被删除了。使用 gulp-tap 我得到了一个文件列表： List of files

我做错了什么？

Answer 1

根据https://github.com/sindresorhus/del#beware你还需要排除子目录，否则del将全部删除。

所以，你可以使用这样的东西：

del([.., 'public/**/*', '!public/{dir_1,dir_2}', '!test/**/vendor{.css,.js}']);

为什么 Gulp 不忽略文件？

Why Gulp does not ignore the file?

frontend

node.js

gulp