尝试理解如何在main-bower-files的gulp任务中包含过滤器和选项

Question

我希望有一个main-bower-files的吞咽任务，过滤，并使用选项，如debugging或includeDev。我有一个bower_components目录，我可以让任务使用筛选器或选项，但不能同时使用两者。我知道我可以在bower.json文件中包含这些选项，但我很好奇是否以及如何在任务中同时包含这两个选项？

我正在看main-bower-files的文档，我想我不理解文档上写着：var files = mainBowerFiles( [[filter, ] options] [, callback] );

下面是我的gulpfile.js的摘录

gulp.task('jsbower', function() {
  return gulp.src(bowerFiles('**/*.js'))
    .pipe(gulp.dest('build/scripts/vendor'));
});

我知道我还可以使用：bowerFiles({filter: '**/*.js'}))。我可以移动所有东西(来自bower组件的css也可以)，没有过滤器，并使用以下命令显示调试：

gulp.task('jsbower', function() {
  return gulp.src(bowerFiles({debugging:true}))
    .pipe(gulp.dest('build/scripts/vendor'));
});

如何组合选项和筛选器？

Answer 1

为了将bower_components中的JavaScript包放入source/scripts/vendor目录，我最终完成了以下工作

gulp.task('jsbower', function() {
  return gulp.src(mainBowerFiles('**/*.js', 
    { debugging: true, includeDev: true }), 
    { base: 'bower_components' })
    .pipe(gulp.dest('source/scripts/vendor'));
});

(思考...我可能不需要使用devDependencies，依赖项似乎是jQuery和GSAP的正确分类，而控制台日志更像是devDependcency?)

从main-bower-file doc了解到，添加base: 'bower_components包括文件夹结构，但不包括所有包的内容。它会在source/scripts中获取此内容

// from source/scripts/
.
└── vendor
    ├── consolelog
    │   └── consolelog.js
    ├── gsap
    │   └── src
    │       └── minified
    │           ├── TimelineMax.min.js
    │           ├── TweenMax.min.js
    │           ├── easing
    │           │   └── EasePack.min.js
    │           └── plugins
    │               └── CSSPlugin.min.js
    └── jquery
        └── dist
            └── jquery.js

关键字似乎是第一个字符串或数组是过滤器，然后其余的将是选项，main-bower-files文档说明了这一点。我认为这是我的简化翻译: gulp.src(mainBowerFiles(string or array，{key:value，key:value}))

省略使用return gulp.src(mainBowerFiles('**/*.js', { debugging: true, includeDev: true }))的base将得到以下结果：

.
└── vendor
    ├── CSSPlugin.min.js
    ├── EasePack.min.js
    ├── TimelineMax.min.js
    ├── TweenMax.min.js
    ├── consolelog.js
    └── jquery.js