গুলপ.জেএস এবং একটি গ্লোব্বিং প্যাটার্ন ব্যবহার করে ফাইল (জায়গায় একই স্থানে) পরিবর্তন করুন

Question 1

আমার কাছে একটি গুল্প টাস্ক রয়েছে যা .scss ফাইলগুলিকে .css ফাইলগুলিতে রূপান্তরিত করার চেষ্টা করছে (gulp-ruby-sass ব্যবহার করে) এবং তারপরে ফলাফলটি .এসএসএস ফাইলটিকে একই জায়গায় স্থাপন করতে পেল যা এটি আসল ফাইলটি খুঁজে পেয়েছিল। সমস্যাটি হ'ল যেহেতু আমি একটি গ্লোব্বিং প্যাটার্ন ব্যবহার করছি, মূল ফাইলটি কোথায় সঞ্চিত তা আমি অগত্যা জানি না।

নীচের কোডটিতে আমি স্রোতে ট্যাপ করতে গল্প-ট্যাপ ব্যবহার করার চেষ্টা করছি এবং স্রোতটি পড়ার বর্তমান ফাইলটির ফাইল পাথটি বের করার চেষ্টা করছিলাম:

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), এই কোডটি ঠিকঠাকভাবে কাজ করা উচিত বলে মনে হচ্ছে। তবে, ফলস্বরূপ সিএসএস ফাইলগুলি আমার প্রত্যাশার চেয়ে বেশি একটি ডিরেক্টরি স্থাপন করা হয়েছে বলে মনে হয়। এটি যেখানে হওয়া উচিত project/sass/partials, ফলস্বরূপ ফাইলের পথটি ঠিক project/partials।

এটি করার যদি আরও সহজ উপায় থাকে তবে আমি অবশ্যই সমাধানটিকে আরও বেশি প্রশংসা করব। ধন্যবাদ!

Question 2

আপনি সন্দেহ হিসাবে, আপনি এটিকে খুব জটিল করে তুলছেন। গ্লোববেড পাথটি destপাশাপাশি ব্যবহার করা হওয়ায় গন্তব্যটিকে গতিশীল করার দরকার নেই । কেবলমাত্র একই বেস ডিরেক্টরিতে পাইপ করুন যা থেকে আপনি এসআরসি গ্লোব করছেন, এই ক্ষেত্রে "স্যাস":

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

Question 3

এটি 1311407 সংখ্যাটি চালিয়ে যাওয়ার চেয়ে সহজ। আপনার গন্তব্য ফোল্ডারটি মোটেও নির্দিষ্ট করার দরকার নেই, কেবল ব্যবহার করুন .। এছাড়াও, বেস ডিরেক্টরি সেট করতে ভুলবেন না।

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

Question 4

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

মূলত এখানে দেওয়া উত্তর: https://stackoverflow.com/a/29817916/3834540 ।

আমি জানি যে এই থ্রেডটি পুরানো তবে এটি এখনও গুগলে প্রথম ফলাফল হিসাবে প্রদর্শিত হবে তাই আমি ভেবেছিলাম আমি পাশাপাশি লিঙ্কটি এখানে পোস্ট করতে পারি।

Question 5

এটি খুব সহায়ক ছিল!

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