Gulp.js - Utiliser le chemin de gulp.src() dans gulp.dest()

En essayant de créer une gorgée de la tâche qui pipe un tas de fichiers dans des dossiers différents, MOINS puis de les exporter dans un dossier en fonction de la source d'origine. Considérer cette structure de dossiers:

Project
+-- /Module_A
|   +- /less
|   |  +- a.less
|   +- a.css
|
+-- /Module_B
    +- /less
    |  +- b.less
    +- b.css

Voici mon gulpfile:

var gulp = require('gulp');
var gutil = require('gulp-util');
var less = require('gulp-less');

gulp.task('compileLess', function () {
  gulp.src('./*/less/*.less')
    .pipe(less())
    .pipe(gulp.dest( ??? ));
});

gulp.task('default', ['compileLess']);

Je sais gulp.dest() attend un chemin pour être passé dans mais dans mon exemple, le chemin sera différent en fonction du fichier source. Alors, comment puis-je saisir le chemin d'accès à partir de la source, de le modifier et de le passer en gulp.dest()?

Ou je suis aller sur ce de la mauvaise façon?

  • Compte tenu de votre exemple d'entrée, ce qui devrait l'être sortie? Gulp utilise le fichier relatif chemins (basé sur la première glob modèle) pour déterminer le répertoire de sortie.
  • Si l'entrée est Project/Module_A/less/a.less, je veux que la sortie de la Project/Module_A/a.css. J'ai été en mesure d'accomplir à l'aide de gulp-renommer plugin.
InformationsquelleAutor Adam | 2014-03-07
  1. 30

    Vous devriez jeter un oeil à gulp-renommer

    Assez bien:

    gulp.src('./*/less/*.less')
  .pipe(less())
  .pipe(rename(function(path){
    //Do something /modify the path here         
  }))
  .pipe(gulp.dest('./finalRootDestination'))

    Vous laisser gulp.dest pointant vers votre sortie finale dir, mais de modifier à la volée le fichier individuel des chemins quelque en soit la logique que vous souhaitez à l'intérieur du rappel gulp-renommer.

    • Pouvez-vous nous expliquer plus en détail comment vous avez obtenu? Je suis l'aide de renommer le plugin, mais ne peuvent pas comprendre comment l'obtenir: "img/jquery-prettyPhoto/images/prettyPhoto/image.jpg" à la sortie de "img/prettyPhoto/image.jpg". Comment puis-je supprimer ces 2 dossiers inutiles? merci
    • avez-vous lu la documentation de gulp-rename j'ai fait un lien?
    • Bien sûr, je l'ai fait, sinon je n'aurais pas demandé ici. Pouvez-vous nous expliquer comment se débarrasser des dossiers, ou tout au moins à un absolu chemin de la sortie? merci
    • Lire la doc copain! Il explique clairement comment manipuler dirname, et c'est ce que vous cherchez.
    • J'aime CoryDorning la réponse de mieux - alors, vous n'avez même pas à faire un extra pipe. Il semble que ce est ce que la src() option de base a été conçu pour.
    InformationsquelleAutor Mangled Deutz
  2. 87

    dans votre src définir la base option et il maintiendra le chemin d'origine de votre moins fichier.

    gulp.task('compileLess', function () {
  gulp.src('./*/less/*.less', {base: './'})
    .pipe(less())
    .pipe(gulp.dest( './dist' ));
});

    La ./dist de destination peut être n'importe quoi. Partout où vous voulez la structure de votre fichier doit être placé.

    Plus d'infos ici:
    https://github.com/wearefractal/glob-stream#options

    • Oui! c'est ce que je cherchais!
    • Le mot-clé base m'a donné l'idée erronée. C'est la solution que je cherchais.
    • Ajout dans , {base: './'} a été crucial.
    • Mais il va créer un dossier à l'intérieur ./dist nommé less et puis mettre le fichier. Comment dois-je préciser que je veux exclure les "moins" de dossier et de mettre le fichier?
    • C'est la façon la plus nette que l'on a accepté la réponse. Merci beaucoup 🙂
    InformationsquelleAutor CoryDorning