स्रोतमैप ("CssSyntaxError") बनाते समय Gulp त्रुटि

Question

मैं यह नहीं समझ सकता कि मैं यहां क्या कर रहा हूं। जब मैं Gulp का उपयोग कर एक स्रोतमैप फ़ाइल को आज़माता हूं और बना देता हूं तो मुझे वास्तव में अजीब त्रुटि संदेश मिल रहा है।

events.js:85 
     throw er; // Unhandled 'error' event 
      ^
CssSyntaxError: /www/static/sass/maps/main.css.map:1:198: Missed semicolon 

मैं उन्हें एक अलग .map फ़ाइल में बनाना चाहता हूं। मुझे समझ में नहीं आ रहा है कि यह क्यों कह रहा है कि फाइल में एक त्रुटि है जिसे मैंने इसे बनाने के लिए कहा है ...?

मैं क्या गलत कर रहा हूं?

यहाँ मेरी gulpfile.js है:

var gulp = require('gulp'), 
    sass = require('gulp-sass'), 
    minifyCSS = require('gulp-minify-css'), 
    autoprefixer = require('gulp-autoprefixer'), 
    sourcemaps = require('gulp-sourcemaps'), 
    input = 'static/sass/**/*.scss', 
    output = 'static/css'; 

var sassOptions = { 
    errLogToConsole: true, 
    outputStyle: 'expanded' 
}; 

gulp.task('sass', function() { 
    return gulp 
     .src(input) 
     .pipe(sourcemaps.init()) 
     .pipe(sass(sassOptions).on('error', sass.logError)) 
     .pipe(sourcemaps.write('.')) 
     .pipe(autoprefixer()) 
     .pipe(minifyCSS()) 
     .pipe(gulp.dest(output)) 
}); 

gulp.task('watch', function() { 
    gulp.watch(input, ['sass']); 
}); 

// Default task - Compile then set Watch 
gulp.task('default', ['sass', 'watch']); 

Answer 1

यह पता चला यह बस लाइन .pipe(sourcemaps.write('.')) का स्थान था। स्थानांतरित करने से यह समस्या हल हो:

return gulp 
    .src(input) 
    .pipe(sourcemaps.init()) 
    .pipe(sass(sassOptions).on('error', sass.logError)) 
    .pipe(autoprefixer()) 
    .pipe(minifyCSS()) 
    .pipe(sourcemaps.write('.')) // This line moved to here 
    .pipe(gulp.dest(output)) 

जानना चाहता है कि प्यार करोगे: -/