Gulp sass没有用＃{$ i}标签编译循环

Question

有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.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编译css文件。

可能有问题吗？我已经阅读了很多关于gulp-postcss的内容 - 并尝试使用它，但结果是一样的 - 错误

Answer 1

.pipe( autoprefixer({ browsers: ['last 2 versions']} ) )

需要在sass之后设置