Gulp - संकलित सीएसएस फ़ाइल निर्देशिका में उत्पन्न नहीं है मैं चाहता हूँ - एसएएस, gulp, gulp-sass

मैं उपयोग कर रहा हूँ gulp 3.9.1 संकलन करना scss। यह ठीक संकलित करता है, लेकिन संकलित आउटपुट नहीं css में dest निर्देशिका। ये रहा मेरा gulpfile.js:

var gulp = require("gulp");
var sass = require("gulp-sass");

gulp.task("sass", function() {
return gulp.src("/scss/*.scss").pipe(sass()).pipe(gulp.dest("./css"));
});

इसके बजाय, संकलित css स्रोत के समान फ़ोल्डर में उत्पन्न किया जा रहा है scss फ़ाइल। क्या मेरी गलती है?

मेरे फ़ोल्डरों की संरचना निम्नानुसार है:

-root
-css (the desired destination of the compiled css)
-node_module
-scss
-style.scss
-style.css (should"nt be here!!)
-gulpfile.js

उत्तर:

आपको "./css" के बजाय गंतव्य फ़ोल्डर को "css" के रूप में सेट करना चाहिए। मैंने अभी परीक्षण किया है और यह आपके लिए काम कर रहा है जैसे आप उम्मीद करते हैं:

var gulp = require("gulp");
var sass = require("gulp-sass");

gulp.task("sass", function() {
return gulp.src("/scss/*.scss").pipe(sass()).pipe(gulp.dest("css"));
});