덤프 파일의 주석에 Gulp libsass/autoprefixer 오류가 발생했습니다.

Question

gulp-ruby-sass에서 gulp-sass로 전환 중입니다. Gulp ruby ​​sass는 오류없이 작동했지만 Windows 개발자는 쉽게 사용할 수 있도록 Ruby 의존성을 제거하려고합니다. 의 코멘트에 매핑

[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. 

: 그것을 제외하고

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()); 
}); 

내 파일의 설명을 통해 매번 실패

나는 그렇게처럼 내 꿀꺽 파일을 설정에서 패키지를 설치 scss 파일. 이 블록을 제거하더라도 다음 주석에 오류 만 표시됩니다.

이 자동 프록시 링커 파이프를 주석 처리하면이 작동합니다. 그래서 여기에 무슨 문제가 있습니까?

FWIW, 가이드 라인은 this site입니다.

Answer 1

only multi-line /* */ comments에 자바 스크립트 스타일의 한 줄로 된 // 개의 댓글이 없습니다. 단일 행 // 설명은 SASS/SCSS에서 지원하지만 stripped from the resulting CSS입니다. autoprefixer 이후

은 당신이 실행하는 데 필요한 CSS하지 SASS/SCSS에서 작동 sass()autoprefixer() 전에 :

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