Gulp sass не компилируется для цикла с тегом # {$ i} - PullRequest
Новая
       29

Gulp sass не компилируется для цикла с тегом # {$ i}

0 голосов
/ 24 апреля 2019

Возникла проблема с Gulp sass, он не компилирует мой файл. 

Unknown word You tried to parse SCSS with the standard CSS parser; try again with the postcss-scss parser

Код css: 

@for $i from 1 through 12 {
    .col-#{$i} {
        -ms-flex-preferred-size: (100% / 12) * $i;
        -webkit-flex-basis: (100% / 12) * $i;
        flex-basis: (100% / 12) * $i;
        max-width: (100% / 12) * $i;
    }
}

Код gulp: 

gulp.task( 'sass', function() {
    return gulp.src( SOURCEPATHS.sassSource )
        .pipe( autoprefixer({ browsers: ['last 2 versions']} ) )
        .pipe( sass({ includePaths: ['node_modules'] }, { outputStyle: 'compressed' }).on('error', sass.logError) )
        .pipe( mmq({ log: false }) )
        .pipe( cssmin() )
        .pipe( rename({suffix: '.min'}) )
        .pipe( gulp.dest(APPPATH.css) );
});

Ошибкас этим тегом # {$ i} - без этого - файл компиляции gulp.

Может быть проблема?Я много читал о gulp-postcss - и попробую с этим, но результат тот же - ОШИБКА

1 Ответ

0 голосов
/ 29 апреля 2019 
.pipe( autoprefixer({ browsers: ['last 2 versions']} ) )

Нужно установить после sass

...