fix(inject): using angular sort plugin for injected files

And remove useless style inject.

Closes #21.

Author: balthazar

app/templates/client/index.html

@@ -16,8 +16,7 @@
     <!-- bower:css -->
     <!-- endinject -->
 
-    <!-- inject:css -->
-    <!-- endinject -->
+    <link rel="stylesheet" href="styles/css/app.css">
 
     <!-- endbuild -->
 

app/templates/package.json

@@ -6,6 +6,7 @@
     "del": "^1.1.1",
     "errorhandler": "^1.3.3",
     "gulp": "^3.8.10",
+    "gulp-angular-filesort": "^1.1.1",
     "gulp-angular-templatecache": "^1.5.0",
     "gulp-autoprefixer": "^2.1.0",
     "gulp-bump": "^0.3.0",

app/templates/tasks/config/#filesToInject.js

@@ -9,6 +9,5 @@ module.exports = [
   'client/directives/**/*.js', '!client/directives/**/*.spec.js',
   'client/filters/**/*.js', '!client/filters/**/*.spec.js',
   'client/services/**/*.js', '!client/services/**/*.spec.js',
-  'client/views/**/*.js', '!client/views/**/*.spec.js', '!client/views/**/*.e2e.js',
-  'client/styles/css/app.css'
+  'client/views/**/*.js', '!client/views/**/*.spec.js', '!client/views/**/*.e2e.js'
 ];

app/templates/tasks/inject.js

@@ -6,20 +6,21 @@
 
 var gulp       = require('gulp');
 var bowerFiles = require('main-bower-files');
+var fileSort   = require('gulp-angular-filesort');
 var inject     = require('gulp-inject');
 
 var toInject   = require('./config/filesToInject');
 var toExclude  = require('./config/bowerFilesToExclude');
 
 module.exports = function () {
-  var sources = gulp.src(toInject, { read: false });
-
   return gulp.src('client/index.html')
     .pipe(inject(gulp.src(bowerFiles(), { read: false }), {
       name: 'bower',
       relative: 'true',
       ignorePath: toExclude
     }))
-    .pipe(inject(sources, { relative: true }))
+    .pipe(inject(
+      gulp.src(toInject).pipe(fileSort()), { relative: true }
+    ))
     .pipe(gulp.dest('client'));
 };