Автоматизировать добавление декларации гибкости с помощью gulp

Question

Я хочу добавить гибкость polyfill в мою сборку для поддержки ie8 и 9. Есть ли способ с gulp добавить в -js-display: flex; до display: flex; как требуется?

.container {
    -js-display: flex;
    display: flex;
}

https://github.com/10up/flexibility

Спасибо!

Answer 1

Ты можешь использовать gulp-postcss в сочетании с postcss-flexibility плагин:

var gulp = require('gulp');
var postcss = require('gulp-postcss');
var flexibility = require('postcss-flexibility');

gulp.task('css', function() {
  return gulp.src('src/**/*.css')
    .pipe(postcss([flexibility]))
    .pipe(gulp.dest('dist'));
});