为什么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

当您传递完整路径数组时，每个文件都会被独立处理。全局不知道路径的根在哪里（实际上，它是根据第一个全局进行猜测的）。因此，每个文件都植根于其包含的文件夹中，并且相对路径为空。

但是，有一个简单的解决方案。将键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(...);