Optimize project for Bower usage

bower.json

 {
   "name": "vanilla-bootstrap",
   "private": true,
-  "main": "less/style.less",
+  "main": [
+    "less/vanilla-bootstrap.less",
+    "js/src/main.js"
+  ],
   "ignore": [
     "about.php",
+    "screenshot.png",
+    "package.json",
+    "gulpfile.js",
     "views",
     "design",
     "js/custom.js",
-    "screenshot.png",
-    "gulpfile.js",
-    "package.json"
+    "less/style.less",
+    "less/custom.less",
+    "less/themes"
   ],
   "dependencies": {
     "bootstrap": "3.1.1",
     "bootstrap-social": "4.4.0",
     "bootswatch": "3.1.x",
     "font-awesome": "4.1.0",
-    "jcrop": "0.9.12",
     "spin.js": "2.0.1",
     "jquery-icheck": "2.x-beta"
+  },
+  "overrides": {
+    "bootstrap": {
+      "main": [
+        "dist/js/bootstrap.min.js",
+        "less/bootstrap.less"
+      ]
+    },
+    "bootstrap-social": {
+      "main": "bootstrap-social.less"
+    },
+    "font-awesome": {
+      "main": "less/font-awesome.less"
+    },
+    "jquery": {
+      "main": []
+    },
+    "jquery-icheck": {
+      "main": "icheck.js"
+    },
+    "spin.js": {
+      "main": [
+        "spin.js",
+        "jquery.spin.js"
+      ]
+    }
   }
 }

gulpfile.js

@@ -5,46 +5,47 @@ var gulp = require('gulp')
   , $    = require('gulp-load-plugins')()
 
 gulp.task('styles', function () {
-  var main   = $.filter('style.css')
-    , themes = $.filter('!style.css');
+  var themes = $.filter('!{style,custom}.less');
 
   return gulp.src([
     'less/style.less'
   , 'less/themes/*.less'
   ])
     .pipe($.plumber())
-    .pipe($.less({
-      paths: ['less', 'bower_components']
-    }))
-    .pipe($.autoprefixer())
-
-    .pipe(main)
-    .pipe($.csslint('design/.csslintrc'))
-    .pipe($.csslint.reporter('default'))
-    .pipe(main.restore())
-
     .pipe(themes)
     .pipe($.rename(function (path) {
       path.basename = 'custom_' + path.basename;
     }))
     .pipe(themes.restore())
-
+    .pipe($.less())
+    .pipe($.autoprefixer())
+    .pipe($.csso())
     .pipe(gulp.dest('design'))
     .pipe($.size({showFiles: true}));
 });
 
 gulp.task('scripts', function () {
-  return gulp.src('js/src/main.js')
+  var dependencies = require('wiredep')()
+    , source = $.filter('js/src/**/*.js');
+
+  return gulp.src((dependencies.js || []).concat([
+    'js/src/main.js'
+  ]))
     .pipe($.plumber())
-    .pipe($.jshint('js/.jshintrc'))
-    .pipe($.jshint.reporter('default'))
-    .pipe($.include())
     .pipe($.concat('custom.js'))
     .pipe($.uglify())
     .pipe(gulp.dest('js'))
     .pipe($.size({showFiles: true}));
 });
 
+gulp.task('wiredep', function () {
+  var wiredep = require('wiredep').stream;
+
+  return gulp.src('less/**/*.less')
+    .pipe(wiredep())
+    .pipe(gulp.dest('less'));
+});
+
 gulp.task('default', ['styles', 'scripts']);
 
 gulp.task('watch',  function () {
@@ -60,4 +61,8 @@ gulp.task('watch',  function () {
 
   gulp.watch('less/**/*.less', ['styles']);
   gulp.watch('js/src/**/*.js', ['scripts']);
+  gulp.watch('bower.json', ['wiredep']);
 });
+
+// Expose Gulp to external tools
+module.exports = gulp;