From f13d52d38a57150126695c4fb2e08da25c083e7c Mon Sep 17 00:00:00 2001 From: Scott Walkinshaw Date: Wed, 3 Dec 2014 18:44:59 -0500 Subject: [PATCH] Use csswring and autoprefixer via postcss csswring supports minification and sourcemaps --- gulpfile.js | 9 ++++++++- package.json | 4 +++- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/gulpfile.js b/gulpfile.js index 97f0f36319..3baf1cbf04 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,6 +1,8 @@ /*global $:true*/ var $ = require('gulp-load-plugins')(); var _ = require('lodash'); +var autoprefixer = require('autoprefixer-core'); +var csswring = require('csswring'); var gulp = require('gulp'); var lazypipe = require('lazypipe'); var mainBowerFiles = require('main-bower-files'); @@ -12,6 +14,11 @@ var path = manifest.buildPaths; var globs = manifest.globs; var cssTasks = function(filename) { + var processors = [ + autoprefixer({browsers: ['last 2 versions', 'ie 8', 'ie 9', 'android 2.3', 'android 4', 'opera 12']}), + csswring + ]; + return lazypipe() .pipe($.plumber) .pipe($.sourcemaps.init) @@ -23,8 +30,8 @@ var cssTasks = function(filename) { .pipe(function () { return $.if('*.scss', $.sass()); }) - .pipe($.autoprefixer, 'last 2 versions', 'ie 8', 'ie 9', 'android 2.3', 'android 4', 'opera 12') .pipe($.concat, filename) + .pipe($.postcss, processors) .pipe($.sourcemaps.write, '.') .pipe(gulp.dest, path.dist + 'styles')(); }; diff --git a/package.json b/package.json index 6e6884e8a4..1aa552fe98 100644 --- a/package.json +++ b/package.json @@ -22,9 +22,10 @@ }, "devDependencies": { "asset-builder": "0.0.1", + "autoprefixer-core": "4.0.1", + "csswring": "^2.0.0", "del": "^0.1.3", "gulp": "^3.8.10", - "gulp-autoprefixer": "^2.0.0", "gulp-concat": "^2.3.4", "gulp-flatten": "0.0.4", "gulp-if": "^1.2.5", @@ -34,6 +35,7 @@ "gulp-livereload": "^2.1.0", "gulp-load-plugins": "^0.7.1", "gulp-plumber": "^0.6.3", + "gulp-postcss": "^3.0.0", "gulp-rename": "^1.2.0", "gulp-rev": "^2.0.1", "gulp-sass": "^1.1.0",