แก้ไขไฟล์ในตำแหน่ง (ปลายทางเดียวกัน) โดยใช้ Gulp.js และรูปแบบ globbing

ฉันมีงานอึกทึกที่พยายามแปลงไฟล์. 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/partialsproject/partials

หากมีวิธีที่ง่ายกว่านี้ฉันจะต้องขอบคุณโซลูชันนั้นมากยิ่งขึ้น ขอบคุณ!

อย่างที่คุณสงสัยคุณกำลังทำให้เรื่องนี้ซับซ้อนเกินไป ปลายทางไม่จำเป็นต้องเป็นแบบไดนามิกเนื่องจากมีการใช้เส้นทางแบบ globbed ด้วย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(".")); 
    });
})