Modifique el archivo en su lugar (mismo destino) usando Gulp.js y un patrón globbing

Tengo una tarea de gulp que intenta convertir archivos .scss en archivos .css (usando gulp-ruby-sass) y luego coloco el archivo .css resultante en el mismo lugar donde encontró el archivo original. El problema es que, dado que estoy usando un patrón globbing, no sé necesariamente dónde está almacenado el archivo original.

En el siguiente código, estoy tratando de usar gulp-tap para acceder a la transmisión y averiguar la ruta del archivo actual desde la que se leyó la transmisión:

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

Según la salida del console.log(fileLocation), este código parece que debería funcionar bien. Sin embargo, los archivos CSS resultantes parecen estar ubicados un directorio más alto de lo que esperaba. Donde debería estar project/sass/partials, la ruta del archivo resultante es solo project/partials.

Si hay una forma mucho más sencilla de hacer esto, definitivamente agradecería aún más esa solución. ¡Gracias!

Como sospechaba, lo está complicando demasiado. No es necesario que el destino sea dinámico, ya que también se utiliza la ruta global dest. Simplemente canalice al mismo directorio base desde el que está globalizando el src, en este caso "sass":

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

Si sus archivos no tienen una base común y necesita pasar una serie de rutas, esto ya no es suficiente. En este caso, querrá especificar la opción base.

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

Esto es más simple que los números 1311407. No necesita especificar la carpeta de destino en absoluto, simplemente use .. Además, asegúrese de configurar el directorio 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;
  }));

Respuesta original dada aquí: https://stackoverflow.com/a/29817916/3834540 .

Sé que este hilo es antiguo, pero todavía aparece como el primer resultado en Google, así que pensé que también podría publicar el enlace aquí.

¡Esto fue muy ú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(".")); 
    });
})