[FEATURE] complete css setup

app/templates/_gulpfile.js

@@ -3,6 +3,9 @@
 var gulp = require('gulp'),
 	path = require('path'),
 	compass = require('gulp-compass'),
+	autoprefixer = require('gulp-autoprefixer'),
+	cssImport = require('gulp-cssimport'),
+	minifyCss = require('gulp-minify-css'),
 	argv = require('yargs').argv,
 	extension = (function() {
 		if (typeof argv.ext === 'undefined') {
@@ -18,8 +21,12 @@ gulp.task('css', function() {
 	return gulp.src(sassPath + '/**/*.scss')
 		.pipe(compass({
 			config_file: path.join(extensionPath, 'config.rb'),
+			sourcemap: true,
 			css: cssPath,
 			sass: sassPath
 		}))
+		.pipe(cssImport())
+		.pipe(autoprefixer())
+		.pipe(minifyCss())
 		.pipe(gulp.dest(cssPath));
 });

app/templates/_package.json

@@ -6,7 +6,11 @@
   },
   "devDependencies": {
     "gulp": "^3.8.10",
+    "gulp-autoprefixer": "^2.0.0",
     "gulp-compass": "^2.0.3",
+    "gulp-cssimport": "^1.3.1",
+    "gulp-minify-css": "^0.3.11",
     "yargs": "^1.3.3"
   }
 }
+