arrays - 为什么 gulp.src 不喜欢将完整路径数组传递给文件？

Question

我正在尝试向 gulp.src 传递我希望它处理的文件数组。这是当前的数组。

['bower_components/jquery/jquery.js',
 'bower_components/superscrollorama/js/greensock/TweenMax.min.js',
 'bower_components/superscrollorama/jquery.superscrollorama.js' ]

我发现 gulp.src 似乎不喜欢这样，并且第三个元素没有进入最终目的地。

我发现当我像这样引入一些通配符时一切正常:

['bower_components/**/jquery.js',
 'bower_components/**/js/greensock/TweenMax.min.js',
 'bower_components/**/jquery.superscrollorama.js' ]

但是为什么呢？与通配的工作方式有关吗？我用谷歌搜索过，但找不到。

也许这不是 globbing 的预期目的，但它应该以这种方式工作对我来说没有意义。有人能解释一下吗？

Answer 1

当您传入完整路径数组时，每个文件都会独立处理。 globbing 不知道路径的根在哪里(实际上，它根据第一个 glob 进行猜测)。因此，每个文件都以它包含的文件夹为根，相对路径为空。

但是，有一个简单的解决方案。将一个带有 base 键的对象作为第二个参数传递给 gulp.src，一切都会有正确的相对路径:

return gulp.src(['bower_components/jquery/jquery.js',
                'bower_components/superscrollorama/js/greensock/TweenMax.min.js',
                'bower_components/superscrollorama/jquery.superscrollorama.js' ],
            {base: 'bower_components/'})
        .pipe(...);