sassファイルのコメントにGulp libsass/autoprefixerエラーが発生しました

Question

gulp-ruby-sassからgulp-sassに切り替わります。 Gulp ruby​​ sassはエラーなしで動作していましたが、私たちのWindows開発者が簡単に使えるように、私はRubyへの依存を取り除こうとしています。

私はそうのような私の一気ファイルの設定でパッケージをインストール：それは私のファイルにコメントを超えるたびに、失敗した場合を除き

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ファイル。このブロックを削除しても、単に次のコメントに誤りがあることに注意してください。

がオートプレフィクサーパイプをコメントアウトすると、が機能します。だからここで何が問題なの？

FWIW、私はthis siteのガイドラインに従っていました。

Answer 1

only multi-line /* */ commentsのCSSには、JavaScript形式の単一行//コメントはありません。 シングルライン//のコメントはSASS/SCSSではサポートされていますが、stripped from the resulting CSSでサポートされています。 autoprefixer以来

はあなたが実行する必要はありませんCSS SASS/SCSSで動作sass()autoprefixer()前：

.pipe(sass(sassOptions).on('error', sass.logError)) 
.pipe(autoprefixer(autoprefixerOptions))