Add autoprefixer to gulp build

Author: Shuwen Qian

Gulpfile.js

@@ -20,6 +20,8 @@ var marked = require('gulp-marked');
 var changed = require('gulp-changed');
 var es = require('event-stream');
 var cache = require('gulp-cached');
+var postcss = require('gulp-postcss');
+var autoprefixer = require('autoprefixer');
 
 var SRC = 'src/';
 var BUILD = 'build/';
@@ -46,6 +48,7 @@ gulp.task('sass', function() {
 		// .pipe(cache())
 		.pipe(changed(BUILD, {extension:'.css'}))
 		.pipe(sass({includePaths: ['./bower_components/bourbon/app/assets/stylesheets/', './src/shared/sass/']}).on('error', sass.logError))
+		.pipe(postcss([autoprefixer({browsers: ['last 2 versions']})]))
 		.pipe(gulp.dest(BUILD))
 		// .pipe(wrap({src:TEMPLATES + "style_module_template.html"},{},{engine:"hogan"}))
 		.pipe(wrap(function(data) {
@@ -117,7 +120,7 @@ gulp.task('vulcanize:prod', function() {
 		}))
 		.pipe(gulp.dest(BUILD));
 });
- 
+
 /** DOCS **/
 
 gulp.task('docs', function() {
@@ -141,4 +144,4 @@ gulp.task('watch', function () {
  // gulp.watch('./')
 });
 
-/** DEPLOY **/
+/** DEPLOY **/

package.json

@@ -14,6 +14,7 @@
   ],
   "license": "BSD-3-Clause",
   "devDependencies": {
+    "autoprefixer": "^6.1.2",
     "del": "^2.0.2",
     "event-stream": "^3.3.2",
     "glob": "^5.0.15",
@@ -42,6 +43,7 @@
     "gulp-inline-assets": "^0.1.1",
     "gulp-marked": "^1.0.0",
     "gulp-minify-html": "^1.0.4",
+    "gulp-postcss": "^6.0.1",
     "gulp-rename": "^1.2.2",
     "gulp-sass": "^2.1.0",
     "gulp-util": "^3.0.7",