Ошибка Gulp при создании sourcemap ("CssSyntaxError")
Я не могу понять, что я делаю неправильно здесь. Я получаю очень странное сообщение об ошибке, когда пытаюсь создать файл sourcemap с помощью Gulp.
events.js:85
throw er; // Unhandled 'error' event
^
CssSyntaxError: /www/static/sass/maps/main.css.map:1:198: Missed semicolon
Я хочу, чтобы они были созданы отдельно .файл карты. Я не могу понять, почему он говорит мне, что есть ошибка в файле, я попросил его создать...?
что я делаю не так?
вот мой 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']);
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))
хотелось бы знать, почему :-/