Zmodyfikuj plik w miejscu (to samo miejsce docelowe) za pomocą Gulp.js i wzoru globbingu

Mam zadanie typu gulp, które próbuje przekonwertować pliki .scss na pliki .css (używając gulp-ruby-sass), a następnie umieścić wynikowy plik .css w tym samym miejscu, w którym znalazł oryginalny plik. Problem polega na tym, że ponieważ używam wzorca globalnego, niekoniecznie wiem, gdzie jest przechowywany oryginalny plik.

W poniższym kodzie próbuję użyć gulp-tap, aby uzyskać dostęp do strumienia i znaleźć ścieżkę do pliku bieżącego pliku, z którego został odczytany strumień:

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

Na podstawie wyniku działania console.log(fileLocation)tego kodu wydaje się, że powinien działać dobrze. Jednak wynikowe pliki CSS wydają się być umieszczone o jeden katalog wyżej, niż się spodziewam. Gdzie powinno być project/sass/partials, wynikowa ścieżka do pliku to po prostu project/partials.

Jeśli istnieje znacznie prostszy sposób na zrobienie tego, na pewno doceniłbym to rozwiązanie jeszcze bardziej. Dzięki!

Jak podejrzewasz, zbytnio to komplikujesz. Miejsce docelowe nie musi być dynamiczne, ponieważ ścieżka globalna jest również używana do dest. Po prostu potokuj do tego samego katalogu podstawowego, z którego globujesz src, w tym przypadku „sass”:

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

Jeśli twoje pliki nie mają wspólnej bazy i musisz przekazać tablicę ścieżek, to już nie wystarczy. W takim przypadku chciałbyś określić opcję podstawową.

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

Jest to prostsze niż wskazywały liczby 1311407. Nie musisz w ogóle określać folderu docelowego, po prostu użyj .. Upewnij się również, że ustawiłeś katalog podstawowy.

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

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

Pierwotna odpowiedź podana tutaj: https://stackoverflow.com/a/29817916/3834540 .

Wiem, że ten wątek jest stary, ale nadal pojawia się jako pierwszy wynik w Google, więc pomyślałem, że równie dobrze mogę zamieścić tutaj link.

To było bardzo pomocne!

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