Gulp插件autoprefixer的使用

//引入插件
var gulp = require(‘gulp‘);
var autoprefixer = require(‘gulp-autoprefixer‘);
 
 //默认执行任务
gulp.task(‘default‘, function () {
    //找到src目录下app.css，为其补全浏览器兼容的css
    return gulp.src(‘src/app.css‘)
        .pipe(autoprefixer({
            browsers: [‘last 2 versions‘],
            cascade: false
        }))
        //输出到dist文件夹
        .pipe(gulp.dest(‘dist‘));
});

npm init

npm install --save-dev gulp

npm install --save-dev gulp-autoprefixer

.container{
    display: flex;
}

gulp

.container{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}