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*/ /*global $:true*/
var $ = require('gulp-load-plugins')(); var $ = require('gulp-load-plugins')();
var _ = require('lodash'); var _ = require('lodash');
var autoprefixer = require('autoprefixer-core');
var csswring = require('csswring');
var gulp = require('gulp'); var gulp = require('gulp');
var lazypipe = require('lazypipe'); var lazypipe = require('lazypipe');
var mainBowerFiles = require('main-bower-files'); var mainBowerFiles = require('main-bower-files');
@@ -12,6 +14,11 @@ var path = manifest.buildPaths;
var globs = manifest.globs; var globs = manifest.globs;
var cssTasks = function(filename) { 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() return lazypipe()
.pipe($.plumber) .pipe($.plumber)
.pipe($.sourcemaps.init) .pipe($.sourcemaps.init)
@@ -23,8 +30,8 @@ var cssTasks = function(filename) {
.pipe(function () { .pipe(function () {
return $.if('*.scss', $.sass()); return $.if('*.scss', $.sass());
}) })
.pipe($.autoprefixer, 'last 2 versions', 'ie 8', 'ie 9', 'android 2.3', 'android 4', 'opera 12')
.pipe($.concat, filename) .pipe($.concat, filename)
.pipe($.postcss, processors)
.pipe($.sourcemaps.write, '.') .pipe($.sourcemaps.write, '.')
.pipe(gulp.dest, path.dist + 'styles')(); .pipe(gulp.dest, path.dist + 'styles')();
}; };

View File

@@ -22,9 +22,10 @@
}, },
"devDependencies": { "devDependencies": {
"asset-builder": "0.0.1", "asset-builder": "0.0.1",
"autoprefixer-core": "4.0.1",
"csswring": "^2.0.0",
"del": "^0.1.3", "del": "^0.1.3",
"gulp": "^3.8.10", "gulp": "^3.8.10",
"gulp-autoprefixer": "^2.0.0",
"gulp-concat": "^2.3.4", "gulp-concat": "^2.3.4",
"gulp-flatten": "0.0.4", "gulp-flatten": "0.0.4",
"gulp-if": "^1.2.5", "gulp-if": "^1.2.5",
@@ -34,6 +35,7 @@
"gulp-livereload": "^2.1.0", "gulp-livereload": "^2.1.0",
"gulp-load-plugins": "^0.7.1", "gulp-load-plugins": "^0.7.1",
"gulp-plumber": "^0.6.3", "gulp-plumber": "^0.6.3",
"gulp-postcss": "^3.0.0",
"gulp-rename": "^1.2.0", "gulp-rename": "^1.2.0",
"gulp-rev": "^2.0.1", "gulp-rev": "^2.0.1",
"gulp-sass": "^1.1.0", "gulp-sass": "^1.1.0",