Using postcss and autoprefixer in Gulp

gulpfile.js

var gulp = require('gulp'),
// html
// css
    postcss = require('gulp-postcss'),
    sourcemaps = require('gulp-sourcemaps'),
    precss = require('precss'),
    autoprefixer = require('autoprefixer'),
    cssnext = require('postcss-cssnext'),
// js
// debug
    debug = require('gulp-debug');

gulp.task('css', function() {
    // 定义 Postcsss 任务流数组
    var processors = [
        autoprefixer({
            browsers: ['> 0.1%', 'Android >= 4.0']
        }),
        precss(),
        cssnext()
    ];

    return  gulp.src('./src/**/*.css')
            .pipe(debug({title: 'check the file: '}))
            .pipe(postcss(processors))
            .pipe(gulp.dest('./dist'))
})

gulp.task('dev', ['css']);