Gulp.jsとグロビングパターンを使用して、ファイルを同じ場所（同じ宛先）に変更します。

（gulp-ruby-sassを使用して）.scssファイルを.cssファイルに変換し、結果の.cssファイルを元のファイルと同じ場所に配置しようとしているgulpタスクがあります。問題は、グロビングパターンを使用しているため、元のファイルがどこに保存されているかが必ずしもわからないことです。

以下のコードでは、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ファイルは、予想よりも1つ上位のディレクトリに配置されるようです。本来あるべき場所ではproject/sass/partials、結果のファイルパスはただproject/partialsです。

これを行うためのはるかに単純な方法がある場合、私は間違いなくその解決策をさらに感謝します。ありがとう！

ご想像のとおり、これは複雑すぎます。グロブドパスdestも同様に使用されるため、宛先は動的である必要はありません。srcをグロブしているのと同じベースディレクトリ（この場合は「sass」）にパイプします。

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

ファイルに共通のベースがなく、パスの配列を渡す必要がある場合、これだけでは不十分です。この場合、baseオプションを指定します。

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

これは、numbers1311407が導いたよりも簡単です。宛先フォルダを指定する必要はなく、単にを使用します.。また、ベースディレクトリを必ず設定してください。

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