一尘不染

为什么gulp.src不喜欢传递完整的文件路径数组?

node.js

我正在尝试将需要处理的文件数组传递给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的预期目的,但对我而言,以这种方式工作并不有意义。谁能给我一些启示?


阅读 354

收藏
2020-07-07

共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(...);
2020-07-07