Use csswring and autoprefixer via postcss

csswring supports minification and sourcemaps
This commit is contained in:
Scott Walkinshaw
2014-12-03 18:44:59 -05:00
parent 9af009da00
commit f13d52d38a
2 changed files with 11 additions and 2 deletions

View File

@@ -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')();
};