npm install gulp-postcss

npm install autoprefixer 使用插件autoprefixer

-------------------index.css-----------

body{

color:red;

font-size:12px;

transition: all;

display:flex;

}

p{

font-size: 14px;

}

-----------

var gulp=require('gulp');

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

var autoprefixer = require('autoprefixer');

gulp.task('postcss',function(){

gulp.src('index.css')

.pipe(postcss([autoprefixer()]))

.pipe(gulp.dest('dist'))

})

 然后在控制台执行gulp postcss得到的dist/index.css的结果是这样的

body{

color:red;

font-size:12px;

transition: all;

display:flex;

}

p{

font-size: 14px;

}