Ошибка Gulp libsass/autoprefixer в комментариях в файле sass

Я переключаюсь с 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 просто выдаст ошибку в следующем комментарии.

Если я закомментирую канал автопрефиксера, он сработает. Так в чем же проблема?

Между прочим, я следовал рекомендациям с этого сайта.


person Steve    schedule 17.06.2016    source источник


Ответы (1)