Modifica il file sul posto (stessa destinazione) utilizzando Gulp.js e uno schema di globbing

Ho un'attività gulp che sta tentando di convertire i file .scss in file .css (usando gulp-ruby-sass) e quindi posiziona il file .css risultante nello stesso posto in cui ha trovato il file originale. Il problema è che, poiché sto usando un pattern globbing, non so necessariamente dove è archiviato il file originale.

Nel codice seguente sto cercando di utilizzare gulp-tap per entrare nel flusso e capire il percorso del file corrente da cui è stato letto il flusso:

gulp.task('convertSass', function() {
    var fileLocation = "";
    gulp.src("sass/**/*.scss")
        .pipe(sass())
        .pipe(tap(function(file,t){
            fileLocation = path.dirname(file.path);
            console.log(fileLocation);
        }))
        .pipe(gulp.dest(fileLocation));
});

Sulla base dell'output di console.log(fileLocation), questo codice sembra che dovrebbe funzionare bene. Tuttavia, i file CSS risultanti sembrano essere posizionati una directory più in alto di quanto mi aspettassi. Dove dovrebbe essere project/sass/partials, il percorso del file risultante è solo project/partials.

Se esiste un modo molto più semplice per farlo, apprezzerei sicuramente ancora di più quella soluzione. Grazie!

Come sospettavi, lo stai rendendo troppo complicato. La destinazione non deve essere dinamica poiché anche il percorso globbed viene utilizzato dest. Semplicemente reindirizza alla stessa directory di base da cui stai scaricando src, in questo caso "sass":

gulp.src("sass/**/*.scss")
  .pipe(sass())
  .pipe(gulp.dest("sass"));

Se i tuoi file non hanno una base comune e devi passare un array di percorsi, questo non è più sufficiente. In questo caso, vorresti specificare l'opzione di base.

var paths = [
  "sass/**/*.scss", 
  "vendor/sass/**/*.scss"
];
gulp.src(paths, {base: "./"})
  .pipe(sass())
  .pipe(gulp.dest("./"));

Questo è più semplice dei numeri su cui ha portato 1311407. Non è necessario specificare affatto la cartella di destinazione, è sufficiente utilizzare .. Inoltre, assicurati di impostare la directory di base.

gulp.src("sass/**/*.scss", { base: "./" })
    .pipe(sass())
    .pipe(gulp.dest("."));

gulp.src("sass/**/*.scss")
  .pipe(sass())
  .pipe(gulp.dest(function(file) {
    return file.base;
  }));

Risposta originariamente fornita qui: https://stackoverflow.com/a/29817916/3834540 .

So che questo thread è vecchio ma appare ancora come il primo risultato su Google, quindi ho pensato che avrei potuto pubblicare il link qui.

Questo è stato molto utile!

gulp.task("default", function(){

    //sass
    gulp.watch([srcPath + '.scss', '!'+ srcPath +'min.scss']).on("change", function(file) {
         console.log("Compiling SASS File: " + file.path)
         return gulp.src(file.path, { base: "./" })
        .pipe(sass({style: 'compressed'}))
        .pipe(rename({suffix: '.min'}))
        .pipe(sourcemaps.init())
        .pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))
        .pipe(sourcemaps.write('./'))         
        .pipe(gulp.dest(".")); 
    });

    //scripts
    gulp.watch([srcPath + '.js','!'+ srcPath + 'min.js']).on("change", function(file) {
        console.log("Compiling JS File: " + file.path)
        gulp.src(file.path, { base: "./" })
        .pipe(uglify())
        .pipe(rename({suffix: '.min'}))       
        .pipe(gulp.dest(".")); 
    });
})