जब फ़ाइल बदल जाती है तो गुलप मेरे एसएएस को संकलित नहीं कर रहा है - जावास्क्रिप्ट, सीएसएस, एसएएस, गल्प, गल्प-घड़ी

मैं अपने एससीएसएस को सीएसएस में संकलित करने के लिए गुलप का उपयोग कर रहा हूं। जब मैं गुलप कमांड शुरू करता हूं तो यह सब कुछ ठीक कर देगा, लेकिन जब मैं अपनी एससीएसएस फाइलों में से एक में बदलाव करता हूं तो गुलप कुछ भी नहीं करता है। तो जाहिर है यह मेरे वॉच सही के साथ एक मुद्दा है?

मैं अपने जीवन के लिए समझ नहीं पा रहा हूं कि मैं क्या कर रहा हूं, मैं घंटों की खोज कर रहा हूं।

यहां मेरी Gulpfile.js और फ़ोल्डर्स की तरह दिखता है।

// Include gulp
var gulp = require("gulp");

// Include Our Plugins
var sass = require("gulp-sass");
var concat = require("gulp-concat");
var rename = require("gulp-rename");

// Compile Our Sass
gulp.task("sass", function() {
return gulp.src("scss/*.scss")
.pipe(sass({outputStyle: "compressed"}))
.pipe(gulp.dest("css"));
});

// Watch Files For Changes
gulp.task("watch", function() {
gulp.watch("scss/*.scss" ["sass"]);
});

// Default Task
gulp.task("default", ["sass", "watch"]);

फ़ोल्डर संरचना:

gulpfile.js

|
|_ [scss folder]
app.scss (this has all my imports)

|
|_ [pages folder]
_thing.scss
_thingtwo.scss

|_ [general folder]
_general.scss
_generaltwo.scss

|_ [widgets folder]
_widget.scss
_widgettwo.scss

[css folder]

मेरा मानना ​​है कि मेरी गुलप घड़ी किसी भी फ़ोल्डर में किसी भी एसएसएस में किसी भी बदलाव के लिए मेरे एसएसएस फ़ोल्डर के अंदर देख रही है। मैंने अपने आंशिक को स्कैस फ़ोल्डर में ले जाने की कोशिश की लेकिन फिर भी जब मैं सहेजता हूं तो संकलित नहीं होता है।

उत्तर:

आपके पास ग्लोब स्ट्रिंग केवल एक फ़ोल्डर को गहरी लग रही है। यदि आप scss निर्देशिका और इसकी सभी उप-निर्देशिकाओं में सभी फ़ाइलों को देखना चाहते हैं, तो ग्लोब स्टेटमेंट को बदलें scss/**/*.scss घड़ी के काम में।