为什么 Gulp 不忽略该文件？答案

【问题标题】：Why Gulp does not ignore the file?为什么 Gulp 不忽略该文件？
【发布时间】：2016-02-18 08:17:46
【问题描述】：

我的项目结构：

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 和 public/assets/js 中的 vendor.css 和 vendor.js。

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

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

我做错了什么？

【问题讨论】：

标签： node.js gulp frontend

【解决方案1】：

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

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

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

【讨论】：