PostCSS

Plugins:

• PostCSS Docs
• gulp-postcss
  • Plugin for Gulp
• postcss-loader
  • • PostCSS loader for webpack
• gulp-plumber
  • Fixing Node pipes
• autoprefixer
  • • Parse CSS and add vendor prefixes to rules by Can I Use
• precss
• cssnext
• postcss-flexbugs-fixes
• Rucksack
• gulp-uglify
  • Minify JavaScript
• • gulp-util
  • Gulp Utilities
• cssrecipes
• postcss-plugins (all them)
• postcss-assets
  • PostCSS Assets is an asset manager for CSS. It isolates stylesheets from environmental changes, gets image sizes and inlines files.
• • postcss-font-magician
  • generate @font-face rules
• • postcss-modules
• postcss-neat
  • grid system
• postcss-nested
  • Nesting styles like SASS
• postcss-typescript-css
• rollup-plugin-postcss
• gulp-sourcemaps
• gulp-concat
  • Streaming concat middleware for gulp

var gulp = require('gulp');
var postcss = require('postcss'),
    autoprefixer = require('autoprefixer');
    cssnext = require('cssnext');



// Compiles next.css
gulp.task('pcss', function () {
    var processors = [
        precss({}),
        autoprefixer({browsers: ['last 2 version']}),
        cssnext({})
    ];

    return gulp.src('_client/styles/next.css')
        .pipe(postcss(processors))
        .pipe(gulp.dest('_client/output/'));
});