Modifique o arquivo no local (mesmo destino) usando Gulp.js e um padrão globbing

Eu tenho uma tarefa gulp que está tentando converter arquivos .scss em arquivos .css (usando gulp-ruby-sass) e, em seguida, coloco o arquivo .css resultante no mesmo lugar em que encontrou o arquivo original. O problema é que, como estou usando um padrão globbing, não sei necessariamente onde o arquivo original está armazenado.

No código abaixo, estou tentando usar o gulp-tap para acessar o fluxo e descobrir o caminho do arquivo atual do qual o fluxo foi lido:

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));
});

Com base na saída do console.log(fileLocation), este código parece que deve funcionar bem. No entanto, os arquivos CSS resultantes parecem ser colocados um diretório acima do que eu esperava. Onde deveria estar project/sass/partials, o caminho do arquivo resultante é justo project/partials.

Se houver uma maneira muito mais simples de fazer isso, eu definitivamente apreciaria essa solução ainda mais. Obrigado!

Como você suspeitou, você está tornando isso muito complicado. O destino não precisa ser dinâmico, pois o caminho global também é usado para o dest. Basta canalizar para o mesmo diretório base do qual você está globalizando o src, neste caso "sass":

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

Se seus arquivos não tiverem uma base comum e você precisar passar uma série de caminhos, isso não será mais suficiente. Nesse caso, você deseja especificar a opção base.

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

Isso é mais simples do que os números 1311407 acenderam. Você não precisa especificar a pasta de destino, simplesmente use .. Além disso, certifique-se de definir o diretório 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;
  }));

Resposta dada originalmente aqui: https://stackoverflow.com/a/29817916/3834540 .

Sei que este tópico é antigo, mas ainda aparece como o primeiro resultado no google, então achei melhor postar o link aqui.

Isso foi muito útil!

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