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

Question

Ich versuche, gulp.src ein Array von Dateien zu übergeben, die ich damit umgehen möchte. Dies ist das Array, wie es steht.

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

Ich finde aber, dass gulp.src nicht zu mögen scheint und das dritte Element ist es nicht in das Ende Ziel machen, durch.

Ich habe festgestellt, dass alles funktioniert gut, wenn ich ein paar Wildcard-Zeichen wie diese vorstellen:

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

Aber warum? Etwas mit der Funktionsweise von Globbing zu tun? Ich habe gegoogelt, kann es aber nicht herausfinden.

Vielleicht ist dies nicht der beabsichtigte Zweck der Globbing, aber es macht keinen Sinn für mich, dass es so funktionieren sollte. Kann jemand etwas Licht abwerfen?

Answer 1

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

Es gibt jedoch eine einfache Lösung. Übergeben Sie ein Objekt mit dem Schlüssel base als zweites Argument zu gulp.src, und alles wird den richtigen relativen Pfad hat:

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