Make bower automatic, add gulp build task to build less file into css

gulpfile.js

@@ -6,6 +6,8 @@ var gulp = require('gulp'),
   reload = sync.reload,
   inject = require('gulp-inject'),
   reloadDelay = 1000,
+  less = require('gulp-less'),
+  path = require('path'),
   eslint = require('gulp-eslint');
 
 var paths = {
@@ -68,4 +70,12 @@ gulp.task('lint', function() {
     .pipe(eslint.format());
 });
 
-gulp.task('default', ['serve', 'sync']);
+gulp.task('build', function() {
+  return gulp.src('./public/css/*.less')
+    .pipe(less({
+      paths: [ path.join(__dirname, 'less', 'includes') ]
+    }))
+    .pipe(gulp.dest('./public/css/'));
+});
+
+gulp.task('default', ['build', 'serve', 'sync']);

package.json

@@ -12,7 +12,8 @@
   "scripts": {
     "start": "node server/server.js",
     "lint": "eslint --ext=.js,.jsx .",
-    "test": "mocha"
+    "test": "mocha",
+    "postinstall": "bower cache clean && bower install"
   },
   "license": "BSD-3-Clause",
   "contributors": [
@@ -50,6 +51,7 @@
     "forever": "~0.14.1",
     "frameguard": "^0.2.2",
     "github-api": "~0.7.0",
+    "gulp-less": "^3.0.3",
     "gulp-minify-css": "~0.5.1",
     "helmet": "~0.9.0",
     "helmet-csp": "^0.2.3",