वास्तविक एससीएसएस फ़ाइल

Question

के बजाय स्रोतमैप "स्रोत" सरणी लिंक "../../stdin" के लिंक आज npm update चला गया, और आपदा क्या हुआ। मुझे पैकेज स्थापित करने में परेशानी हो रही थी, लेकिन सबकुछ सही जगह पर दिखाई देने के बाद, मैंने अपना gulp कार्य शुरू किया जो मेरे एससीएसएस कोड को सीएसएस में संकलित करता है।

इस कोड को अपनी समस्या reproduces:

www/सास/example.scss

#test { 
    color: red; 
} 

:

var gulp = require('gulp'), 
    sourcemaps = require('gulp-sourcemaps'), 
    sass = require('gulp-sass'); 

gulp.task('sass', function() { 
    gulp.src('www/sass/*.scss') 
     .pipe(sourcemaps.init()) 
      .pipe(sass()) 
     .pipe(sourcemaps.write('.')) 
     .pipe(gulp.dest('www/css')); 
}); 

gulp.task('default', ['sass'], function(){ 
    gulp.watch('www/sass/*.scss', {debounceDelay: 2000}, ['sass']); 
}); 

gulp default के माध्यम से कोड के इस टुकड़े चलाने के बाद, यह परिणाम है

www/css/example.css

#test { 
    color: red; } 

/*# sourceMappingURL=example.css.map */ 

www/सीएसएस/example.css.map

{"version":3,"sources":["../../stdin"],"names":[],"mappings":"AAAA,KAAK,CAAC;EACL,KAAK,EAAE,GAAI,GACX","file":"example.css","sourceRoot":"/sass"} 

उत्पन्न स्रोत नक्शे में sources सरणी "../../stdin/" बजाय "example.scss" शामिल हैं! पर क्यों?

Answer 1

यह node-sass के साथ एक बग था जिसे gulp-sass संस्करण 2.1.1 के रूप में तय किया गया था। संबंधित समस्या देखें on Github