Я переключаюсь с gulp-ruby-sass на gulp-sass. Gulp ruby sass работал без ошибок, но чтобы облегчить жизнь нашим разработчикам Windows, я пытаюсь удалить зависимость от Ruby.
Я установил пакеты при настройке моего файла gulp следующим образом:
var sassFiles = './app/assets/sass/**/*.{scss,sass}';
var cssFiles = './app/assets/css';
var sassOptions = {
errLogToConsole: true,
outputStyle: 'compact'
};
var autoprefixerOptions = {
browsers: ['last 2 versions']
};
gulp.task('sass', function () {
return gulp
.src(sassFiles)
.pipe(sourcemaps.init())
.pipe(autoprefixer(autoprefixerOptions))
.pipe(sass(sassOptions).on('error', sass.logError))
.pipe(sourcemaps.write())
.pipe(gulp.dest(cssFiles))
.pipe(browserSync.stream());
});
За исключением того, что он каждый раз терпит неудачу из-за комментариев в моем файле:
[08:20:39] Starting 'sass'...
events.js:154
throw er; // Unhandled 'error' event
^
CssSyntaxError: /Users/stevelombardi/github/designsystem- 3/app/assets/sass/design_system.scss:1:1: Unknown word
////
^
/// This is a poster comment.
который соответствует комментарию в файле scss. Обратите внимание, что даже если я удалю этот блок, sass просто выдаст ошибку в следующем комментарии.
Если я закомментирую канал автопрефиксера, он сработает. Так в чем же проблема?
Между прочим, я следовал рекомендациям с этого сайта.