Как конвертировать SCSS в CSS с автоматическим префиксом вендора?

Question

Есть ли способ конвертировать SCSS в CSS с автоматическими префиксами поставщика?Я использовал node-sass с npm, и он работал отлично, но он не отображает префиксы поставщиков автоматически (например, box-sizing: border-box; или display: flex; свойства)

Примечание: Я использовал расширение VS для sass-компилятора, но он отображает файлы CSS и CSS.MAP в том же каталоге файлов SCSS, который мне не нужен.

Answer 1

Я нашел 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/') )
})

Пожалуйста, обратитесь на эту страницу: использование

Answer 2

Вы можете использовать что-то вроде этого https://autoprefixer.github.io/