Node.js glob 包含/排除文件

Question

这是我当前的代码，用于将相关文件从我的源复制到我的构建目录。它未按预期工作

return gulp.src([
    'src/**/*',
    '!src/**/*(*.sass|*.scss|*.js)',
    '!src/(components|config|elements|less|sass|scss|platforms)',
    'src/console.js',
    'src/cordova.js',
    'src/config.xml',
]).pipe(plugins.copy("www", {prefix: 1}));

我的想法是这样的:

1. 选择 src 中的所有文件和文件夹
2. 删除所有 js 和 sass 文件，因为它们会被编译/连接/缩小并复制到另一个任务中构建
3. 但是console.js和cordova.js必须被复制，所以我想将它们重新包含到glob中

嗯，我认为 globArray 中的元素顺序是一个优先级或其他东西，例如console.js 在被过滤掉后被重新包含。看来并非如此:(

我能做什么？

Answer 1

因此，您面临的真正问题是缺乏“调试”或“检查”当前正在 gulp 流中处理的内容的能力。在我的工作流程中，两个不可替代的 gulp 插件可以帮助弄清楚发生了什么:

• gulp-util

• gulp 重命名

  var gutil = require('gulp-util');var rename = require('gulp-rename');

现在，尝试将此代码片段附加到您的示例中，如下所示:

var gutil = require('gulp-util');
var rename = require('gulp-rename');
.....

return gulp.src([
    'src/**/*',
    '!src/**/*(*.sass|*.scss|*.js)',
    '!src/(components|config|elements|less|sass|scss|platforms)',
    'src/console.js',
    'src/cordova.js',
    'src/config.xml',
]).pipe(rename(function(filepath) {
          gutil.log(filepath.basename);
})).pipe(plugins.copy("www", {prefix: 1}));

然后您所要做的就是查看日志中的输出以查看正在处理哪些文件，然后相应地更新您的通配符。

此外，您最好逐一或成对地测试您的路径，看看您是否走在正确的轨道上，这样当所有 glob 都未按预期工作时您就不会不知所措。隔离 glob 问题并进行相应更新。

这也只是一个让你走上正轨的提示，这个 glob:

'!src/**/*(*.sass|*.scss|*.js)'

需要:

'!src/**/*.{sass,scss,js}'

我希望这能让您走上正轨!