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