如何使用自動供應商前綴將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/') )
})

請參考此頁： 用法