sass - sourcemaps - gulp-uglify

Gulp error al crear el mapa de origen("CssSyntaxError")

Question

No puedo entender lo que estoy haciendo mal aquí. Recibo un mensaje de error realmente extraño cuando intento crear un archivo de mapa de origen usando Gulp.

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

Quiero que se creen en un archivo .map separado. No puedo entender por qué me dice que hay un error en el archivo que le pedí que creara ...

¿Qué estoy haciendo mal?

Aquí está mi 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

Resulta que fue simplemente la ubicación de la línea .pipe(sourcemaps.write(''.'')) . Moverlo resolvió el problema:

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

Me encantaría saber por qué: - /