如何使用自动供应商前缀将SCSS转换为CSS？

Question

有什么方法可以将SCSS转换为带有自动供应商前缀的CSS？ 我已经将node-sass与npm结合使用，并且效果很好，但是它不能自动呈现供应商前缀（例如box-sizing: border-box;或display: flex; properties）

注意：我已经使用了sass编译器扩展VS Code，但是它在不需要的SCSS文件的同一目录中呈现CSS和CSS.MAP文件。

Answer 1

您可以使用类似https://autoprefixer.github.io/的东西

Answer 2

我发现postcss可以正常工作。 我正在这样做：

吞

使用gulp-postcss和gulp-sourcemaps 。

gulp.task('css', () => {
  const postcss    = require('gulp-postcss')
  const sourcemaps = require('gulp-sourcemaps')

  return gulp.src('src/**/*.css')
    .pipe( sourcemaps.init() )
    .pipe( postcss([ require('precss'), require('autoprefixer') ]) )
    .pipe( sourcemaps.write('.') )
    .pipe( gulp.dest('build/') )
})

请参考此页： 用法