Błąd Gulp podczas tworzenia sourcemap ("CssSyntaxError")

Question

Nie mogę wymyślić, co robię źle tutaj. Otrzymuję naprawdę dziwny komunikat o błędzie, gdy próbuję utworzyć plik sourcemap za pomocą Gulpa.

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

Chcę, aby były tworzone w osobnym pliku .map. Nie mogę zrozumieć, dlaczego mówi mi, że wystąpił błąd w pliku, o który go poprosiłem ...?

Co robię źle?

Oto moje 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

Okazuje się, że to po prostu umieszczenie linii .pipe(sourcemaps.write('.')). Przesuwając go rozwiązać problem:

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)) 

chcielibyśmy wiedzieć, dlaczego: -/