Измените файл на месте (тот же целевой), используя Gulp.js и шаблон подстановки

У меня есть задача gulp, которая пытается преобразовать файлы .scss в файлы .css (используя gulp-ruby-sass), а затем поместить полученный файл .css в то же место, где он нашел исходный файл. Проблема в том, что, поскольку я использую шаблон подстановки, я не обязательно знаю, где хранится исходный файл.

В приведенном ниже коде я пытаюсь использовать gulp-tap, чтобы подключиться к потоку и выяснить путь к текущему файлу, из которого был прочитан поток:

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

Судя по выходным данным console.log(fileLocation), этот код должен работать нормально. Однако полученные файлы CSS, похоже, помещены на один каталог выше, чем я ожидал. Там, где он должен быть project/sass/partials, результирующий путь к файлу будет просто project/partials.

Если есть более простой способ сделать это, я определенно ценю это решение еще больше. Спасибо!

Как вы и подозревали, вы слишком усложняете ситуацию. Место назначения не обязательно должно быть динамическим, так как глобальный путь также используется для dest. Просто подключитесь к тому же базовому каталогу, из которого вы подбираете src, в данном случае "sass":

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

Если ваши файлы не имеют общей базы и вам нужно передать массив путей, этого уже недостаточно. В этом случае вам нужно указать базовую опцию.

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

Это проще, чем привели числа 1311407. Вам вообще не нужно указывать папку назначения, просто используйте .. Также не забудьте установить базовый каталог.

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

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

Первоначально ответ здесь: https://stackoverflow.com/a/29817916/3834540 .

Я знаю, что эта ветка устарела, но она все еще отображается как первый результат в Google, поэтому я подумал, что могу разместить ссылку здесь.

Это было очень полезно!

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