Warum mag es gulp.src nicht, ein Array vollständiger Pfade zu Dateien übergeben zu bekommen?

Ich versuche, gulp.src ein Array von Dateien zu übergeben, mit denen es sich befassen soll. Dies ist das Array in seiner jetzigen Form.

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

Ich finde jedoch, dass gulp.src das nicht zu mögen scheint und das dritte Element es nicht bis zum Endziel schafft.

Ich habe festgestellt, dass alles gut funktioniert, wenn ich einige Platzhalterzeichen wie das folgende einführe:

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

Aber wieso? Hat das etwas mit der Funktionsweise von Globbing zu tun? Ich habe gegoogelt, kann es aber nicht herausfinden.

Vielleicht ist dies nicht der beabsichtigte Zweck des Globbens, aber es macht für mich keinen Sinn, dass es so funktionieren sollte. Kann jemand etwas Licht ins Dunkel bringen?

Wenn Sie ein Array vollständiger Pfade übergeben, wird jede Datei unabhängig verarbeitet. Das Globbing weiß nicht, wo sich die Wurzel des Pfades befindet (tatsächlich wird basierend auf dem ersten Glob vermutet). Daher ist jede Datei in dem Ordner verwurzelt, den sie enthält, und der relative Pfad ist leer.

Es gibt jedoch eine einfache Lösung. Übergeben Sie ein Objekt mit dem Schlüssel baseals zweitem Argument an gulp.src, und alles hat den richtigen relativen Pfad:

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