Question

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

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

Answer 1

您可以使用类似这样的内容 https://autoprefixer.github.io/

Answer 2

我发现postcss效果很好。我正在这样做：

Gulp

使用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/') )
})

请参阅此页面：usage

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

2 个答案: