From 82950a4b9c0ce494c67b1ed48bff971a22217961 Mon Sep 17 00:00:00 2001
From: Matthieu Lux <matthieu.lux@gmail.com>
Date: Thu, 2 Apr 2015 11:03:09 +0200
Subject: [PATCH 1/4] add vendor.cssprepro regardless of the ui fmk, add sub
 folders to organize src/app folder

---
 app/src/router.js                                         | 4 ++--
 app/src/ui.js                                             | 6 +++---
 app/templates/src/_index.html                             | 6 ++----
 app/templates/src/app/__bootstrap-vendor.less             | 3 ---
 app/templates/src/app/__foundation-vendor.scss            | 1 -
 app/templates/src/app/__none-vendor.less                  | 1 -
 app/templates/src/app/__none-vendor.scss                  | 1 -
 .../{ => _angular-material}/__angular-material-index.css  | 0
 .../{ => _angular-material}/__angular-material-index.less | 2 --
 .../{ => _angular-material}/__angular-material-index.scss | 2 --
 .../{ => _angular-material}/__angular-material-index.styl | 2 --
 .../app/_angular-material/__angular-material-vendor.less  | 4 ++++
 .../app/_angular-material/__angular-material-vendor.scss  | 4 ++++
 .../app/_angular-material/__angular-material-vendor.styl  | 4 ++++
 .../src/app/{ => _bootstrap}/__bootstrap-index.css        | 0
 .../src/app/{ => _bootstrap}/__bootstrap-index.less       | 2 --
 .../src/app/{ => _bootstrap}/__bootstrap-index.scss       | 2 --
 .../src/app/{ => _bootstrap}/__bootstrap-index.styl       | 2 --
 app/templates/src/app/_bootstrap/__bootstrap-vendor.less  | 8 ++++++++
 .../src/app/{ => _bootstrap}/__bootstrap-vendor.scss      | 5 +++++
 app/templates/src/app/_bootstrap/__bootstrap-vendor.styl  | 4 ++++
 .../src/app/{ => _foundation}/__foundation-index.css      | 0
 .../src/app/{ => _foundation}/__foundation-index.less     | 2 --
 .../src/app/{ => _foundation}/__foundation-index.scss     | 2 --
 .../src/app/{ => _foundation}/__foundation-index.styl     | 2 --
 .../src/app/_foundation/__foundation-vendor.less          | 4 ++++
 .../src/app/_foundation/__foundation-vendor.scss          | 6 ++++++
 .../src/app/_foundation/__foundation-vendor.styl          | 4 ++++
 app/templates/src/app/{ => _ngroute}/__ngroute.coffee     | 0
 app/templates/src/app/{ => _ngroute}/__ngroute.es6        | 0
 app/templates/src/app/{ => _ngroute}/__ngroute.js         | 0
 app/templates/src/app/{ => _ngroute}/__ngroute.ts         | 0
 app/templates/src/app/{ => _none}/__none-index.css        | 0
 app/templates/src/app/{ => _none}/__none-index.less       | 2 --
 app/templates/src/app/{ => _none}/__none-index.scss       | 2 --
 app/templates/src/app/{ => _none}/__none-index.styl       | 2 --
 app/templates/src/app/_none/__none-vendor.less            | 4 ++++
 app/templates/src/app/_none/__none-vendor.scss            | 4 ++++
 app/templates/src/app/_none/__none-vendor.styl            | 4 ++++
 app/templates/src/app/{ => _uirouter}/__uirouter.coffee   | 0
 app/templates/src/app/{ => _uirouter}/__uirouter.es6      | 0
 app/templates/src/app/{ => _uirouter}/__uirouter.js       | 0
 app/templates/src/app/{ => _uirouter}/__uirouter.ts       | 0
 43 files changed, 62 insertions(+), 39 deletions(-)
 delete mode 100644 app/templates/src/app/__bootstrap-vendor.less
 delete mode 100644 app/templates/src/app/__foundation-vendor.scss
 delete mode 100644 app/templates/src/app/__none-vendor.less
 delete mode 100644 app/templates/src/app/__none-vendor.scss
 rename app/templates/src/app/{ => _angular-material}/__angular-material-index.css (100%)
 rename app/templates/src/app/{ => _angular-material}/__angular-material-index.less (96%)
 rename app/templates/src/app/{ => _angular-material}/__angular-material-index.scss (96%)
 rename app/templates/src/app/{ => _angular-material}/__angular-material-index.styl (96%)
 create mode 100644 app/templates/src/app/_angular-material/__angular-material-vendor.less
 create mode 100644 app/templates/src/app/_angular-material/__angular-material-vendor.scss
 create mode 100644 app/templates/src/app/_angular-material/__angular-material-vendor.styl
 rename app/templates/src/app/{ => _bootstrap}/__bootstrap-index.css (100%)
 rename app/templates/src/app/{ => _bootstrap}/__bootstrap-index.less (85%)
 rename app/templates/src/app/{ => _bootstrap}/__bootstrap-index.scss (85%)
 rename app/templates/src/app/{ => _bootstrap}/__bootstrap-index.styl (83%)
 create mode 100644 app/templates/src/app/_bootstrap/__bootstrap-vendor.less
 rename app/templates/src/app/{ => _bootstrap}/__bootstrap-vendor.scss (56%)
 create mode 100644 app/templates/src/app/_bootstrap/__bootstrap-vendor.styl
 rename app/templates/src/app/{ => _foundation}/__foundation-index.css (100%)
 rename app/templates/src/app/{ => _foundation}/__foundation-index.less (88%)
 rename app/templates/src/app/{ => _foundation}/__foundation-index.scss (88%)
 rename app/templates/src/app/{ => _foundation}/__foundation-index.styl (86%)
 create mode 100644 app/templates/src/app/_foundation/__foundation-vendor.less
 create mode 100644 app/templates/src/app/_foundation/__foundation-vendor.scss
 create mode 100644 app/templates/src/app/_foundation/__foundation-vendor.styl
 rename app/templates/src/app/{ => _ngroute}/__ngroute.coffee (100%)
 rename app/templates/src/app/{ => _ngroute}/__ngroute.es6 (100%)
 rename app/templates/src/app/{ => _ngroute}/__ngroute.js (100%)
 rename app/templates/src/app/{ => _ngroute}/__ngroute.ts (100%)
 rename app/templates/src/app/{ => _none}/__none-index.css (100%)
 rename app/templates/src/app/{ => _none}/__none-index.less (98%)
 rename app/templates/src/app/{ => _none}/__none-index.scss (98%)
 rename app/templates/src/app/{ => _none}/__none-index.styl (98%)
 create mode 100644 app/templates/src/app/_none/__none-vendor.less
 create mode 100644 app/templates/src/app/_none/__none-vendor.scss
 create mode 100644 app/templates/src/app/_none/__none-vendor.styl
 rename app/templates/src/app/{ => _uirouter}/__uirouter.coffee (100%)
 rename app/templates/src/app/{ => _uirouter}/__uirouter.es6 (100%)
 rename app/templates/src/app/{ => _uirouter}/__uirouter.js (100%)
 rename app/templates/src/app/{ => _uirouter}/__uirouter.ts (100%)

diff --git a/app/src/router.js b/app/src/router.js
index a008eea2..bdee31d3 100644
--- a/app/src/router.js
+++ b/app/src/router.js
@@ -11,10 +11,10 @@ module.exports = function(GulpAngularGenerator) {
 
     if (this.props.router.module === 'ngRoute') {
       this.routerHtml = '<div ng-view></div>';
-      this.routerJs = this.fs.read(this.templatePath('src/app/__ngroute.' + this.props.jsPreprocessor.extension));
+      this.routerJs = this.fs.read(this.templatePath('src/app/_ngroute/__ngroute.' + this.props.jsPreprocessor.extension));
     } else if (this.props.router.module === 'ui.router') {
       this.routerHtml = '<div ui-view></div>';
-      this.routerJs = this.fs.read(this.templatePath('src/app/__uirouter.' + this.props.jsPreprocessor.extension));
+      this.routerJs = this.fs.read(this.templatePath('src/app/_uirouter/__uirouter.' + this.props.jsPreprocessor.extension));
     } else {
       this.routerHtml = this.fs.read(this.templatePath(routerPartialSrc));
       this.routerHtml = this.routerHtml.replace(
diff --git a/app/src/ui.js b/app/src/ui.js
index 3a9fb8a3..c4e0eced 100644
--- a/app/src/ui.js
+++ b/app/src/ui.js
@@ -55,14 +55,14 @@ module.exports = function(GulpAngularGenerator) {
     }
 
     this.files.push({
-      src: 'src/app/__' + this.props.ui.key + '-index.' + this.props.cssPreprocessor.extension,
+      src: 'src/app/_' + this.props.ui.key + '/__' + this.props.ui.key + '-index.' + this.props.cssPreprocessor.extension,
       dest: 'src/app/index.' + this.props.cssPreprocessor.extension,
       template: false
     });
 
-    if(this.isVendorStylesPreprocessed && this.props.ui.key !== 'none') {
+    if(this.props.ui.key !== 'none') {
       this.files.push({
-        src: 'src/app/__' + this.props.ui.key + '-vendor.' + this.props.cssPreprocessor.extension,
+        src: 'src/app/_' + this.props.ui.key + '/__' + this.props.ui.key + '-vendor.' + this.props.cssPreprocessor.extension,
         dest: 'src/app/vendor.' + this.props.cssPreprocessor.extension,
         template: true
       });
diff --git a/app/templates/src/_index.html b/app/templates/src/_index.html
index a454901f..53ff5700 100644
--- a/app/templates/src/_index.html
+++ b/app/templates/src/_index.html
@@ -8,11 +8,9 @@
     <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 
     <!-- build:css({<%= props.paths.tmp %>/serve,<%= props.paths.src %>}) styles/vendor.css -->
-<%   if (isVendorStylesPreprocessed) { %>
+<% if (props.cssPreprocessor.key !== 'none') { %>
     <link rel="stylesheet" href="app/vendor.css">
-<%   } else if (props.ui.key === 'bootstrap') { %>
-    <link rel="stylesheet" href="<%= computedPaths.appToBower %>/bower_components/bootstrap/dist/css/bootstrap.css">
-<%   } %>
+<% } %>
     <!-- bower:css -->
     <!-- run `gulp inject` to automatically populate bower styles dependencies -->
     <!-- endbower -->
diff --git a/app/templates/src/app/__bootstrap-vendor.less b/app/templates/src/app/__bootstrap-vendor.less
deleted file mode 100644
index d982d428..00000000
--- a/app/templates/src/app/__bootstrap-vendor.less
+++ /dev/null
@@ -1,3 +0,0 @@
-@import '../<%= computedPaths.appToBower %>/bower_components/bootstrap/less/bootstrap.less';
-
-@icon-font-path: '../<%= computedPaths.appToBower %>/bower_components/bootstrap/fonts/';
diff --git a/app/templates/src/app/__foundation-vendor.scss b/app/templates/src/app/__foundation-vendor.scss
deleted file mode 100644
index c8ad54a7..00000000
--- a/app/templates/src/app/__foundation-vendor.scss
+++ /dev/null
@@ -1 +0,0 @@
-@import '../<%= computedPaths.appToBower %>/bower_components/foundation/scss/foundation';
diff --git a/app/templates/src/app/__none-vendor.less b/app/templates/src/app/__none-vendor.less
deleted file mode 100644
index 05936976..00000000
--- a/app/templates/src/app/__none-vendor.less
+++ /dev/null
@@ -1 +0,0 @@
-// Nothing yet
diff --git a/app/templates/src/app/__none-vendor.scss b/app/templates/src/app/__none-vendor.scss
deleted file mode 100644
index 05936976..00000000
--- a/app/templates/src/app/__none-vendor.scss
+++ /dev/null
@@ -1 +0,0 @@
-// Nothing yet
diff --git a/app/templates/src/app/__angular-material-index.css b/app/templates/src/app/_angular-material/__angular-material-index.css
similarity index 100%
rename from app/templates/src/app/__angular-material-index.css
rename to app/templates/src/app/_angular-material/__angular-material-index.css
diff --git a/app/templates/src/app/__angular-material-index.less b/app/templates/src/app/_angular-material/__angular-material-index.less
similarity index 96%
rename from app/templates/src/app/__angular-material-index.less
rename to app/templates/src/app/_angular-material/__angular-material-index.less
index 41a326fc..c5d26eaa 100644
--- a/app/templates/src/app/__angular-material-index.less
+++ b/app/templates/src/app/_angular-material/__angular-material-index.less
@@ -53,5 +53,3 @@ section.jumbotron {
     }
   }
 }
-// injector
-// endinjector
diff --git a/app/templates/src/app/__angular-material-index.scss b/app/templates/src/app/_angular-material/__angular-material-index.scss
similarity index 96%
rename from app/templates/src/app/__angular-material-index.scss
rename to app/templates/src/app/_angular-material/__angular-material-index.scss
index 41a326fc..c5d26eaa 100644
--- a/app/templates/src/app/__angular-material-index.scss
+++ b/app/templates/src/app/_angular-material/__angular-material-index.scss
@@ -53,5 +53,3 @@ section.jumbotron {
     }
   }
 }
-// injector
-// endinjector
diff --git a/app/templates/src/app/__angular-material-index.styl b/app/templates/src/app/_angular-material/__angular-material-index.styl
similarity index 96%
rename from app/templates/src/app/__angular-material-index.styl
rename to app/templates/src/app/_angular-material/__angular-material-index.styl
index a4a36b4f..dc4671e3 100644
--- a/app/templates/src/app/__angular-material-index.styl
+++ b/app/templates/src/app/_angular-material/__angular-material-index.styl
@@ -41,5 +41,3 @@ section
       &.pull-right
         float right
         width 50px
-// injector
-// endinjector
diff --git a/app/templates/src/app/_angular-material/__angular-material-vendor.less b/app/templates/src/app/_angular-material/__angular-material-vendor.less
new file mode 100644
index 00000000..a385b09d
--- /dev/null
+++ b/app/templates/src/app/_angular-material/__angular-material-vendor.less
@@ -0,0 +1,4 @@
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   less dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_angular-material/__angular-material-vendor.scss b/app/templates/src/app/_angular-material/__angular-material-vendor.scss
new file mode 100644
index 00000000..a8fc9080
--- /dev/null
+++ b/app/templates/src/app/_angular-material/__angular-material-vendor.scss
@@ -0,0 +1,4 @@
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   sass dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_angular-material/__angular-material-vendor.styl b/app/templates/src/app/_angular-material/__angular-material-vendor.styl
new file mode 100644
index 00000000..6d9b74ef
--- /dev/null
+++ b/app/templates/src/app/_angular-material/__angular-material-vendor.styl
@@ -0,0 +1,4 @@
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   stylus dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/__bootstrap-index.css b/app/templates/src/app/_bootstrap/__bootstrap-index.css
similarity index 100%
rename from app/templates/src/app/__bootstrap-index.css
rename to app/templates/src/app/_bootstrap/__bootstrap-index.css
diff --git a/app/templates/src/app/__bootstrap-index.less b/app/templates/src/app/_bootstrap/__bootstrap-index.less
similarity index 85%
rename from app/templates/src/app/__bootstrap-index.less
rename to app/templates/src/app/_bootstrap/__bootstrap-index.less
index 87955cbe..621b41db 100644
--- a/app/templates/src/app/__bootstrap-index.less
+++ b/app/templates/src/app/_bootstrap/__bootstrap-index.less
@@ -12,5 +12,3 @@
     width: 50px;
   }
 }
-// injector
-// endinjector
diff --git a/app/templates/src/app/__bootstrap-index.scss b/app/templates/src/app/_bootstrap/__bootstrap-index.scss
similarity index 85%
rename from app/templates/src/app/__bootstrap-index.scss
rename to app/templates/src/app/_bootstrap/__bootstrap-index.scss
index 87955cbe..621b41db 100644
--- a/app/templates/src/app/__bootstrap-index.scss
+++ b/app/templates/src/app/_bootstrap/__bootstrap-index.scss
@@ -12,5 +12,3 @@
     width: 50px;
   }
 }
-// injector
-// endinjector
diff --git a/app/templates/src/app/__bootstrap-index.styl b/app/templates/src/app/_bootstrap/__bootstrap-index.styl
similarity index 83%
rename from app/templates/src/app/__bootstrap-index.styl
rename to app/templates/src/app/_bootstrap/__bootstrap-index.styl
index 188950bf..b2ba0928 100644
--- a/app/templates/src/app/__bootstrap-index.styl
+++ b/app/templates/src/app/_bootstrap/__bootstrap-index.styl
@@ -9,5 +9,3 @@
 
   img.pull-right
     width 50px
-// injector
-// endinjector
diff --git a/app/templates/src/app/_bootstrap/__bootstrap-vendor.less b/app/templates/src/app/_bootstrap/__bootstrap-vendor.less
new file mode 100644
index 00000000..30fd69f7
--- /dev/null
+++ b/app/templates/src/app/_bootstrap/__bootstrap-vendor.less
@@ -0,0 +1,8 @@
+@import '../<%= computedPaths.appToBower %>/bower_components/bootstrap/less/bootstrap.less';
+
+@icon-font-path: '../<%= computedPaths.appToBower %>/bower_components/bootstrap/fonts/';
+
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   less dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/__bootstrap-vendor.scss b/app/templates/src/app/_bootstrap/__bootstrap-vendor.scss
similarity index 56%
rename from app/templates/src/app/__bootstrap-vendor.scss
rename to app/templates/src/app/_bootstrap/__bootstrap-vendor.scss
index 15114180..a9e1c78d 100644
--- a/app/templates/src/app/__bootstrap-vendor.scss
+++ b/app/templates/src/app/_bootstrap/__bootstrap-vendor.scss
@@ -1,3 +1,8 @@
 $icon-font-path: "../<%= computedPaths.appToBower %>/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/";
 
 @import '../<%= computedPaths.appToBower %>/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap';
+
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   sass dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_bootstrap/__bootstrap-vendor.styl b/app/templates/src/app/_bootstrap/__bootstrap-vendor.styl
new file mode 100644
index 00000000..6d9b74ef
--- /dev/null
+++ b/app/templates/src/app/_bootstrap/__bootstrap-vendor.styl
@@ -0,0 +1,4 @@
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   stylus dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/__foundation-index.css b/app/templates/src/app/_foundation/__foundation-index.css
similarity index 100%
rename from app/templates/src/app/__foundation-index.css
rename to app/templates/src/app/_foundation/__foundation-index.css
diff --git a/app/templates/src/app/__foundation-index.less b/app/templates/src/app/_foundation/__foundation-index.less
similarity index 88%
rename from app/templates/src/app/__foundation-index.less
rename to app/templates/src/app/_foundation/__foundation-index.less
index cc75fda8..db894860 100644
--- a/app/templates/src/app/__foundation-index.less
+++ b/app/templates/src/app/_foundation/__foundation-index.less
@@ -17,5 +17,3 @@
     width: 50px;
   }
 }
-// injector
-// endinjector
diff --git a/app/templates/src/app/__foundation-index.scss b/app/templates/src/app/_foundation/__foundation-index.scss
similarity index 88%
rename from app/templates/src/app/__foundation-index.scss
rename to app/templates/src/app/_foundation/__foundation-index.scss
index cc75fda8..db894860 100644
--- a/app/templates/src/app/__foundation-index.scss
+++ b/app/templates/src/app/_foundation/__foundation-index.scss
@@ -17,5 +17,3 @@
     width: 50px;
   }
 }
-// injector
-// endinjector
diff --git a/app/templates/src/app/__foundation-index.styl b/app/templates/src/app/_foundation/__foundation-index.styl
similarity index 86%
rename from app/templates/src/app/__foundation-index.styl
rename to app/templates/src/app/_foundation/__foundation-index.styl
index 92262f2e..8b46bcc9 100644
--- a/app/templates/src/app/__foundation-index.styl
+++ b/app/templates/src/app/_foundation/__foundation-index.styl
@@ -13,5 +13,3 @@
 
   img.right
     width 50px
-// injector
-// endinjector
diff --git a/app/templates/src/app/_foundation/__foundation-vendor.less b/app/templates/src/app/_foundation/__foundation-vendor.less
new file mode 100644
index 00000000..a385b09d
--- /dev/null
+++ b/app/templates/src/app/_foundation/__foundation-vendor.less
@@ -0,0 +1,4 @@
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   less dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_foundation/__foundation-vendor.scss b/app/templates/src/app/_foundation/__foundation-vendor.scss
new file mode 100644
index 00000000..237d9a3b
--- /dev/null
+++ b/app/templates/src/app/_foundation/__foundation-vendor.scss
@@ -0,0 +1,6 @@
+@import '../<%= computedPaths.appToBower %>/bower_components/foundation/scss/foundation';
+
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   sass dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_foundation/__foundation-vendor.styl b/app/templates/src/app/_foundation/__foundation-vendor.styl
new file mode 100644
index 00000000..6d9b74ef
--- /dev/null
+++ b/app/templates/src/app/_foundation/__foundation-vendor.styl
@@ -0,0 +1,4 @@
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   stylus dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/__ngroute.coffee b/app/templates/src/app/_ngroute/__ngroute.coffee
similarity index 100%
rename from app/templates/src/app/__ngroute.coffee
rename to app/templates/src/app/_ngroute/__ngroute.coffee
diff --git a/app/templates/src/app/__ngroute.es6 b/app/templates/src/app/_ngroute/__ngroute.es6
similarity index 100%
rename from app/templates/src/app/__ngroute.es6
rename to app/templates/src/app/_ngroute/__ngroute.es6
diff --git a/app/templates/src/app/__ngroute.js b/app/templates/src/app/_ngroute/__ngroute.js
similarity index 100%
rename from app/templates/src/app/__ngroute.js
rename to app/templates/src/app/_ngroute/__ngroute.js
diff --git a/app/templates/src/app/__ngroute.ts b/app/templates/src/app/_ngroute/__ngroute.ts
similarity index 100%
rename from app/templates/src/app/__ngroute.ts
rename to app/templates/src/app/_ngroute/__ngroute.ts
diff --git a/app/templates/src/app/__none-index.css b/app/templates/src/app/_none/__none-index.css
similarity index 100%
rename from app/templates/src/app/__none-index.css
rename to app/templates/src/app/_none/__none-index.css
diff --git a/app/templates/src/app/__none-index.less b/app/templates/src/app/_none/__none-index.less
similarity index 98%
rename from app/templates/src/app/__none-index.less
rename to app/templates/src/app/_none/__none-index.less
index f9c6265d..11916b52 100644
--- a/app/templates/src/app/__none-index.less
+++ b/app/templates/src/app/_none/__none-index.less
@@ -114,5 +114,3 @@ a {
 hr {
   clear: both;
 }
-// injector
-// endinjector
diff --git a/app/templates/src/app/__none-index.scss b/app/templates/src/app/_none/__none-index.scss
similarity index 98%
rename from app/templates/src/app/__none-index.scss
rename to app/templates/src/app/_none/__none-index.scss
index f9c6265d..11916b52 100644
--- a/app/templates/src/app/__none-index.scss
+++ b/app/templates/src/app/_none/__none-index.scss
@@ -114,5 +114,3 @@ a {
 hr {
   clear: both;
 }
-// injector
-// endinjector
diff --git a/app/templates/src/app/__none-index.styl b/app/templates/src/app/_none/__none-index.styl
similarity index 98%
rename from app/templates/src/app/__none-index.styl
rename to app/templates/src/app/_none/__none-index.styl
index 520f4403..2280d296 100644
--- a/app/templates/src/app/__none-index.styl
+++ b/app/templates/src/app/_none/__none-index.styl
@@ -112,5 +112,3 @@ a
 
 hr
   clear both
-// injector
-// endinjector
diff --git a/app/templates/src/app/_none/__none-vendor.less b/app/templates/src/app/_none/__none-vendor.less
new file mode 100644
index 00000000..a385b09d
--- /dev/null
+++ b/app/templates/src/app/_none/__none-vendor.less
@@ -0,0 +1,4 @@
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   less dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_none/__none-vendor.scss b/app/templates/src/app/_none/__none-vendor.scss
new file mode 100644
index 00000000..a8fc9080
--- /dev/null
+++ b/app/templates/src/app/_none/__none-vendor.scss
@@ -0,0 +1,4 @@
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   sass dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_none/__none-vendor.styl b/app/templates/src/app/_none/__none-vendor.styl
new file mode 100644
index 00000000..6d9b74ef
--- /dev/null
+++ b/app/templates/src/app/_none/__none-vendor.styl
@@ -0,0 +1,4 @@
+/* Do not remove this comments bellow. It's the markers used by wiredep to inject
+   stylus dependencies when defined in the bower.json of your dependencies */
+// injector
+// endinjector
diff --git a/app/templates/src/app/__uirouter.coffee b/app/templates/src/app/_uirouter/__uirouter.coffee
similarity index 100%
rename from app/templates/src/app/__uirouter.coffee
rename to app/templates/src/app/_uirouter/__uirouter.coffee
diff --git a/app/templates/src/app/__uirouter.es6 b/app/templates/src/app/_uirouter/__uirouter.es6
similarity index 100%
rename from app/templates/src/app/__uirouter.es6
rename to app/templates/src/app/_uirouter/__uirouter.es6
diff --git a/app/templates/src/app/__uirouter.js b/app/templates/src/app/_uirouter/__uirouter.js
similarity index 100%
rename from app/templates/src/app/__uirouter.js
rename to app/templates/src/app/_uirouter/__uirouter.js
diff --git a/app/templates/src/app/__uirouter.ts b/app/templates/src/app/_uirouter/__uirouter.ts
similarity index 100%
rename from app/templates/src/app/__uirouter.ts
rename to app/templates/src/app/_uirouter/__uirouter.ts

From a05c458d586706d007da550b87e0a95d834671af Mon Sep 17 00:00:00 2001
From: Matthieu Lux <matthieu.lux@gmail.com>
Date: Thu, 2 Apr 2015 14:09:54 +0200
Subject: [PATCH 2/4] fix tests for vendor css update

---
 test/node/test-router.js         |  4 ++--
 test/node/test-ui.js             |  2 +-
 test/template/test-index-html.js | 16 ++++------------
 3 files changed, 7 insertions(+), 15 deletions(-)

diff --git a/test/node/test-router.js b/test/node/test-router.js
index 9aa9017e..52be8283 100644
--- a/test/node/test-router.js
+++ b/test/node/test-router.js
@@ -30,14 +30,14 @@ describe('gulp-angular generator techs script', function () {
       ui: { key: 'testUi' },
       jsPreprocessor: { extension: 'testExtension' }
     };
-    read.withArgs('template/src/app/__ngroute.testExtension')
+    read.withArgs('template/src/app/_ngroute/__ngroute.testExtension')
       .returns('my test content 1');
     generator.computeRouter();
     generator.routerHtml.should.match(/ng-view/);
     generator.routerJs.should.equal('my test content 1');
 
     generator.props.router.module = 'ui.router';
-    read.withArgs('template/src/app/__uirouter.testExtension')
+    read.withArgs('template/src/app/_uirouter/__uirouter.testExtension')
       .returns('my test content 2');
     generator.computeRouter();
     generator.routerHtml.should.match(/ui-view/);
diff --git a/test/node/test-ui.js b/test/node/test-ui.js
index a97f3295..d3ebfef6 100644
--- a/test/node/test-ui.js
+++ b/test/node/test-ui.js
@@ -111,7 +111,7 @@ describe('gulp-angular generator ui script', function () {
       generator.files = [];
       generator.uiFiles();
       generator.files[0].src.should.be.equal('src/app/components/navbar/__none-navbar.html');
-      generator.files[1].src.should.be.equal('src/app/__none-index.scss');
+      generator.files[1].src.should.be.equal('src/app/_none/__none-index.scss');
       generator.files.length.should.be.equal(2);
     });
 
diff --git a/test/template/test-index-html.js b/test/template/test-index-html.js
index 968a872f..202cc13a 100644
--- a/test/template/test-index-html.js
+++ b/test/template/test-index-html.js
@@ -31,24 +31,16 @@ describe('gulp-angular index js template', function () {
   });
 
   it('should insert the vendor build block depending of data', function() {
-    model.props.ui.key = 'bootstrap';
+    model.props.cssPreprocessor.key = 'none';
     model.props.paths.src = 'src';
     model.props.paths.tmp = 'tmp';
-    model.computedPaths.appToBower = 'appToBower';
-    model.isVendorStylesPreprocessed = false;
     var result = indexHtml(model);
     result.should.match(/<!-- build:css\({tmp\/serve,src}\) styles\/vendor\.css -->/);
-    result.should.match(/<!-- bower:css/);
-    result.should.match(/href="appToBower\/bower_components/);
+    result.should.not.match(/<link rel="stylesheet" href="app\/vendor\.css">/);
 
-    model.props.ui.key = 'foundation';
+    model.props.cssPreprocessor.key = 'notnone';
     result = indexHtml(model);
-    result.should.not.match(/href="appToBower\/bower_components/);
-
-    model.isVendorStylesPreprocessed = true;
-    result = indexHtml(model);
-    result.should.not.match(/href="appToBower\/bower_components/);
-    result.should.match(/href="app\/vendor.css"/);
+    result.should.match(/<link rel="stylesheet" href="app\/vendor\.css">/);
   });
 
   it('should insert modernizr if selected', function() {

From 75de9942f6eb658fd5c28ebbe567c96791748f27 Mon Sep 17 00:00:00 2001
From: Matthieu Lux <matthieu.lux@gmail.com>
Date: Thu, 2 Apr 2015 14:47:22 +0200
Subject: [PATCH 3/4] using vendor css depends know on the use of a css
 preprocessor

---
 app/src/ui.js        |  2 +-
 test/node/test-ui.js | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/src/ui.js b/app/src/ui.js
index c4e0eced..613fcd55 100644
--- a/app/src/ui.js
+++ b/app/src/ui.js
@@ -60,7 +60,7 @@ module.exports = function(GulpAngularGenerator) {
       template: false
     });
 
-    if(this.props.ui.key !== 'none') {
+    if(this.props.cssPreprocessor.key !== 'none') {
       this.files.push({
         src: 'src/app/_' + this.props.ui.key + '/__' + this.props.ui.key + '-vendor.' + this.props.cssPreprocessor.extension,
         dest: 'src/app/vendor.' + this.props.cssPreprocessor.extension,
diff --git a/test/node/test-ui.js b/test/node/test-ui.js
index d3ebfef6..730fc79b 100644
--- a/test/node/test-ui.js
+++ b/test/node/test-ui.js
@@ -105,13 +105,12 @@ describe('gulp-angular generator ui script', function () {
       generator.props = {
         router: { module: null },
         ui: { key: 'none' },
-        cssPreprocessor: { extension: 'scss' }
+        cssPreprocessor: { key: 'none', extension: 'css' }
       };
-      generator.isVendorStylesPreprocessed = true;
       generator.files = [];
       generator.uiFiles();
       generator.files[0].src.should.be.equal('src/app/components/navbar/__none-navbar.html');
-      generator.files[1].src.should.be.equal('src/app/_none/__none-index.scss');
+      generator.files[1].src.should.be.equal('src/app/_none/__none-index.css');
       generator.files.length.should.be.equal(2);
     });
 
@@ -119,11 +118,14 @@ describe('gulp-angular generator ui script', function () {
       generator.props = {
         router: { module: 'ngRoute' },
         ui: { key: 'bootstrap' },
-        cssPreprocessor: { extension: 'scss' }
+        cssPreprocessor: { key: 'notnone', extension: 'scss' }
       };
-      generator.isVendorStylesPreprocessed = true;
       generator.files = [];
       generator.uiFiles();
+      generator.files[0].src.should.be.equal('src/app/components/navbar/__bootstrap-navbar.html');
+      generator.files[1].src.should.be.equal('src/app/main/__bootstrap.html');
+      generator.files[2].src.should.be.equal('src/app/_bootstrap/__bootstrap-index.scss');
+      generator.files[3].src.should.be.equal('src/app/_bootstrap/__bootstrap-vendor.scss');
       generator.files.length.should.be.equal(4);
     });
   });

From f08778d8675969b9223c5a4009cd4a7fa45f2401 Mon Sep 17 00:00:00 2001
From: Matthieu Lux <matthieu.lux@gmail.com>
Date: Thu, 2 Apr 2015 18:07:59 +0200
Subject: [PATCH 4/4] style injection of both deps and sources

---
 app/src/ui.js                                 |  2 +-
 app/templates/_gulpfile.js                    |  7 +++-
 app/templates/gulp/_inject.js                 | 11 ++----
 app/templates/gulp/_styles.js                 | 36 +++++++++++--------
 app/templates/gulp/_unit-tests.js             |  7 ++--
 .../__angular-material-index.less             |  5 +++
 .../__angular-material-index.scss             |  5 +++
 .../__angular-material-index.styl             |  5 +++
 .../__angular-material-vendor.less            |  4 +--
 .../__angular-material-vendor.scss            |  4 +--
 .../__angular-material-vendor.styl            |  4 +--
 .../src/app/_bootstrap/__bootstrap-index.less |  5 +++
 .../src/app/_bootstrap/__bootstrap-index.scss |  5 +++
 .../src/app/_bootstrap/__bootstrap-index.styl |  5 +++
 .../app/_bootstrap/__bootstrap-vendor.less    | 10 +++---
 .../app/_bootstrap/__bootstrap-vendor.scss    |  6 ++--
 .../app/_bootstrap/__bootstrap-vendor.styl    |  4 +--
 .../app/_foundation/__foundation-index.less   |  5 +++
 .../app/_foundation/__foundation-index.scss   |  5 +++
 .../app/_foundation/__foundation-index.styl   |  5 +++
 .../app/_foundation/__foundation-vendor.less  |  4 +--
 .../app/_foundation/__foundation-vendor.scss  |  6 ++--
 .../app/_foundation/__foundation-vendor.styl  |  4 +--
 app/templates/src/app/_none/__none-index.less |  5 +++
 app/templates/src/app/_none/__none-index.scss |  5 +++
 app/templates/src/app/_none/__none-index.styl |  5 +++
 .../src/app/_none/__none-vendor.less          |  4 +--
 .../src/app/_none/__none-vendor.scss          |  4 +--
 .../src/app/_none/__none-vendor.styl          |  4 +--
 test/node/test-ui.js                          |  2 +-
 test/template/test-gulpfile.js                | 10 ++++++
 test/template/test-inject.js                  | 10 ------
 test/template/test-unit-tests.js              | 10 ------
 33 files changed, 131 insertions(+), 82 deletions(-)

diff --git a/app/src/ui.js b/app/src/ui.js
index 613fcd55..e7c5188f 100644
--- a/app/src/ui.js
+++ b/app/src/ui.js
@@ -80,7 +80,7 @@ module.exports = function(GulpAngularGenerator) {
     if (this.props.ui.key === 'bootstrap') {
       if(this.props.bootstrapComponents.key !== 'official') {
         if(this.props.cssPreprocessor.extension === 'scss') {
-          this.wiredepExclusions.push('/bootstrap-sass-official/');
+          this.wiredepExclusions.push('/bootstrap-sass-official\\/.*\\.js/');
         } else {
           this.wiredepExclusions.push('/bootstrap\\.js/');
         }
diff --git a/app/templates/_gulpfile.js b/app/templates/_gulpfile.js
index b599fedd..f47bbabc 100644
--- a/app/templates/_gulpfile.js
+++ b/app/templates/_gulpfile.js
@@ -2,7 +2,6 @@
 
 var gulp = require('gulp');
 var gutil = require('gulp-util');
-var _ = require('lodash');
 var wrench = require('wrench');
 
 var options = {
@@ -15,6 +14,12 @@ var options = {
       gutil.log(gutil.colors.red('[' + title + ']'), err.toString());
       this.emit('end');
     };
+  },
+  wiredep: {
+    directory: 'bower_components'
+<% if(wiredepExclusions.length > 0) { %>,
+    exclude: [<%= wiredepExclusions.join(', ') %>]
+<% } %>
   }
 };
 
diff --git a/app/templates/gulp/_inject.js b/app/templates/gulp/_inject.js
index a7707660..a081ccf9 100644
--- a/app/templates/gulp/_inject.js
+++ b/app/templates/gulp/_inject.js
@@ -19,8 +19,8 @@ module.exports = function(options) {
       options.src + '/app/**/*.css'
     ], { read: false });
 <% } %>
-
 <% if (props.jsPreprocessor.key === 'typescript') { %>
+
     var sortOutput = require('../' + options.tmp + '/sortOutput.json');
 <% } %>
 
@@ -49,17 +49,10 @@ module.exports = function(options) {
       addRootSlash: false
     };
 
-    var wiredepOptions = {
-      directory: 'bower_components'
-<% if(wiredepExclusions.length > 0) { %>,
-      exclude: [<%= wiredepExclusions.join(', ') %>]
-<% } %>
-    };
-
     return gulp.src(options.src + '/*.html')
       .pipe($.inject(injectStyles, injectOptions))
       .pipe($.inject(injectScripts, injectOptions))
-      .pipe(wiredep(wiredepOptions))
+      .pipe(wiredep(options.wiredep))
       .pipe(gulp.dest(options.tmp + '/serve'));
 
   });
diff --git a/app/templates/gulp/_styles.js b/app/templates/gulp/_styles.js
index a6e8271a..899b127a 100644
--- a/app/templates/gulp/_styles.js
+++ b/app/templates/gulp/_styles.js
@@ -5,6 +5,8 @@ var browserSync = require('browser-sync');
 
 var $ = require('gulp-load-plugins')();
 
+var wiredep = require('wiredep').stream;
+
 module.exports = function(options) {
   gulp.task('styles', function () {
 <% if (props.cssPreprocessor.key === 'less') { %>
@@ -37,6 +39,7 @@ module.exports = function(options) {
     };
 
     var indexFilter = $.filter('index.<%= props.cssPreprocessor.extension %>');
+    var vendorFilter = $.filter('vendor.<%= props.cssPreprocessor.extension %>');
 <% if (props.cssPreprocessor.key === 'ruby-sass') { %>
     var cssFilter = $.filter('**/*.css');
 <% } %>
@@ -45,28 +48,31 @@ module.exports = function(options) {
       options.src + '/app/index.<%= props.cssPreprocessor.extension %>',
       options.src + '/app/vendor.<%= props.cssPreprocessor.extension %>'
     ])
-    .pipe(indexFilter)
-    .pipe($.inject(injectFiles, injectOptions))
-    .pipe(indexFilter.restore())
+      .pipe(indexFilter)
+      .pipe($.inject(injectFiles, injectOptions))
+      .pipe(indexFilter.restore())
+      .pipe(vendorFilter)
+      .pipe(wiredep(options.wiredep))
+      .pipe(vendorFilter.restore())
 <% if (props.cssPreprocessor.key === 'ruby-sass') { %>
-    .pipe($.rubySass(sassOptions)).on('error', options.errorHandler('RubySass'))
-    .pipe(cssFilter)
-    .pipe($.sourcemaps.init({ loadMaps: true }))
+      .pipe($.rubySass(sassOptions)).on('error', options.errorHandler('RubySass'))
+      .pipe(cssFilter)
+      .pipe($.sourcemaps.init({ loadMaps: true }))
 <% } else { %>
-    .pipe($.sourcemaps.init())
+      .pipe($.sourcemaps.init())
 <% } if (props.cssPreprocessor.key === 'less') { %>
-    .pipe($.less(lessOptions)).on('error', options.errorHandler('Less'))
+      .pipe($.less(lessOptions)).on('error', options.errorHandler('Less'))
 <% } else if (props.cssPreprocessor.key === 'node-sass') { %>
-    .pipe($.sass(sassOptions)).on('error', options.errorHandler('Sass'))
+      .pipe($.sass(sassOptions)).on('error', options.errorHandler('Sass'))
 <% } else if (props.cssPreprocessor.key === 'stylus') { %>
-    .pipe($.stylus()).on('error', options.errorHandler('Stylus'))
+      .pipe($.stylus()).on('error', options.errorHandler('Stylus'))
 <% } %>
-    .pipe($.autoprefixer()).on('error', options.errorHandler('Autoprefixer'))
-    .pipe($.sourcemaps.write())
+      .pipe($.autoprefixer()).on('error', options.errorHandler('Autoprefixer'))
+      .pipe($.sourcemaps.write())
 <% if (props.cssPreprocessor.key === 'ruby-sass') { %>
-    .pipe(cssFilter.restore())
+      .pipe(cssFilter.restore())
 <% } %>
-    .pipe(gulp.dest(options.tmp + '/serve/app/'))
-    .pipe(browserSync.reload({ stream: true }));
+      .pipe(gulp.dest(options.tmp + '/serve/app/'))
+      .pipe(browserSync.reload({ stream: true }));
   });
 };
diff --git a/app/templates/gulp/_unit-tests.js b/app/templates/gulp/_unit-tests.js
index a4a73d56..6f6c91a7 100644
--- a/app/templates/gulp/_unit-tests.js
+++ b/app/templates/gulp/_unit-tests.js
@@ -11,14 +11,11 @@ var _ = require('lodash');
 
 module.exports = function(options) {
   function listFiles(callback) {
-    var bowerDeps = wiredep({
-      directory: 'bower_components',
-<% if(wiredepExclusions.length > 0) { %>
-      exclude: [<%= wiredepExclusions.join(', ') %>],
-<% } %>
+    var wiredepOptions = _.extend({}, options.wiredep, {
       dependencies: true,
       devDependencies: true
     });
+    var bowerDeps = wiredep(wiredepOptions);
 
     var specFiles = [
       options.src + '/**/*.spec.js',
diff --git a/app/templates/src/app/_angular-material/__angular-material-index.less b/app/templates/src/app/_angular-material/__angular-material-index.less
index c5d26eaa..d5a0d605 100644
--- a/app/templates/src/app/_angular-material/__angular-material-index.less
+++ b/app/templates/src/app/_angular-material/__angular-material-index.less
@@ -53,3 +53,8 @@ section.jumbotron {
     }
   }
 }
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your less files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_angular-material/__angular-material-index.scss b/app/templates/src/app/_angular-material/__angular-material-index.scss
index c5d26eaa..bd1edb3a 100644
--- a/app/templates/src/app/_angular-material/__angular-material-index.scss
+++ b/app/templates/src/app/_angular-material/__angular-material-index.scss
@@ -53,3 +53,8 @@ section.jumbotron {
     }
   }
 }
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your sass files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_angular-material/__angular-material-index.styl b/app/templates/src/app/_angular-material/__angular-material-index.styl
index dc4671e3..72c794ac 100644
--- a/app/templates/src/app/_angular-material/__angular-material-index.styl
+++ b/app/templates/src/app/_angular-material/__angular-material-index.styl
@@ -41,3 +41,8 @@ section
       &.pull-right
         float right
         width 50px
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your stylus files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_angular-material/__angular-material-vendor.less b/app/templates/src/app/_angular-material/__angular-material-vendor.less
index a385b09d..3f3b40e1 100644
--- a/app/templates/src/app/_angular-material/__angular-material-vendor.less
+++ b/app/templates/src/app/_angular-material/__angular-material-vendor.less
@@ -1,4 +1,4 @@
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    less dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:less
+// endbower
diff --git a/app/templates/src/app/_angular-material/__angular-material-vendor.scss b/app/templates/src/app/_angular-material/__angular-material-vendor.scss
index a8fc9080..053b0f09 100644
--- a/app/templates/src/app/_angular-material/__angular-material-vendor.scss
+++ b/app/templates/src/app/_angular-material/__angular-material-vendor.scss
@@ -1,4 +1,4 @@
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    sass dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:scss
+// endbower
diff --git a/app/templates/src/app/_angular-material/__angular-material-vendor.styl b/app/templates/src/app/_angular-material/__angular-material-vendor.styl
index 6d9b74ef..fff90697 100644
--- a/app/templates/src/app/_angular-material/__angular-material-vendor.styl
+++ b/app/templates/src/app/_angular-material/__angular-material-vendor.styl
@@ -1,4 +1,4 @@
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    stylus dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:styl
+// endbower
diff --git a/app/templates/src/app/_bootstrap/__bootstrap-index.less b/app/templates/src/app/_bootstrap/__bootstrap-index.less
index 621b41db..75350b29 100644
--- a/app/templates/src/app/_bootstrap/__bootstrap-index.less
+++ b/app/templates/src/app/_bootstrap/__bootstrap-index.less
@@ -12,3 +12,8 @@
     width: 50px;
   }
 }
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your less files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_bootstrap/__bootstrap-index.scss b/app/templates/src/app/_bootstrap/__bootstrap-index.scss
index 621b41db..4c58ef3f 100644
--- a/app/templates/src/app/_bootstrap/__bootstrap-index.scss
+++ b/app/templates/src/app/_bootstrap/__bootstrap-index.scss
@@ -12,3 +12,8 @@
     width: 50px;
   }
 }
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your sass files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_bootstrap/__bootstrap-index.styl b/app/templates/src/app/_bootstrap/__bootstrap-index.styl
index b2ba0928..db6eec17 100644
--- a/app/templates/src/app/_bootstrap/__bootstrap-index.styl
+++ b/app/templates/src/app/_bootstrap/__bootstrap-index.styl
@@ -9,3 +9,8 @@
 
   img.pull-right
     width 50px
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your stylus files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_bootstrap/__bootstrap-vendor.less b/app/templates/src/app/_bootstrap/__bootstrap-vendor.less
index 30fd69f7..c69e9018 100644
--- a/app/templates/src/app/_bootstrap/__bootstrap-vendor.less
+++ b/app/templates/src/app/_bootstrap/__bootstrap-vendor.less
@@ -1,8 +1,6 @@
-@import '../<%= computedPaths.appToBower %>/bower_components/bootstrap/less/bootstrap.less';
-
-@icon-font-path: '../<%= computedPaths.appToBower %>/bower_components/bootstrap/fonts/';
-
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    less dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:less
+// endbower
+
+@icon-font-path: '../<%= computedPaths.appToBower %>/bower_components/bootstrap/fonts/';
diff --git a/app/templates/src/app/_bootstrap/__bootstrap-vendor.scss b/app/templates/src/app/_bootstrap/__bootstrap-vendor.scss
index a9e1c78d..b13b8eb0 100644
--- a/app/templates/src/app/_bootstrap/__bootstrap-vendor.scss
+++ b/app/templates/src/app/_bootstrap/__bootstrap-vendor.scss
@@ -1,8 +1,6 @@
 $icon-font-path: "../<%= computedPaths.appToBower %>/bower_components/bootstrap-sass-official/assets/fonts/bootstrap/";
 
-@import '../<%= computedPaths.appToBower %>/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap';
-
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    sass dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:scss
+// endbower
diff --git a/app/templates/src/app/_bootstrap/__bootstrap-vendor.styl b/app/templates/src/app/_bootstrap/__bootstrap-vendor.styl
index 6d9b74ef..fff90697 100644
--- a/app/templates/src/app/_bootstrap/__bootstrap-vendor.styl
+++ b/app/templates/src/app/_bootstrap/__bootstrap-vendor.styl
@@ -1,4 +1,4 @@
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    stylus dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:styl
+// endbower
diff --git a/app/templates/src/app/_foundation/__foundation-index.less b/app/templates/src/app/_foundation/__foundation-index.less
index db894860..bf0f6dbd 100644
--- a/app/templates/src/app/_foundation/__foundation-index.less
+++ b/app/templates/src/app/_foundation/__foundation-index.less
@@ -17,3 +17,8 @@
     width: 50px;
   }
 }
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your less files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_foundation/__foundation-index.scss b/app/templates/src/app/_foundation/__foundation-index.scss
index db894860..41472002 100644
--- a/app/templates/src/app/_foundation/__foundation-index.scss
+++ b/app/templates/src/app/_foundation/__foundation-index.scss
@@ -17,3 +17,8 @@
     width: 50px;
   }
 }
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your sass files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_foundation/__foundation-index.styl b/app/templates/src/app/_foundation/__foundation-index.styl
index 8b46bcc9..53113c93 100644
--- a/app/templates/src/app/_foundation/__foundation-index.styl
+++ b/app/templates/src/app/_foundation/__foundation-index.styl
@@ -13,3 +13,8 @@
 
   img.right
     width 50px
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your stylus files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_foundation/__foundation-vendor.less b/app/templates/src/app/_foundation/__foundation-vendor.less
index a385b09d..3f3b40e1 100644
--- a/app/templates/src/app/_foundation/__foundation-vendor.less
+++ b/app/templates/src/app/_foundation/__foundation-vendor.less
@@ -1,4 +1,4 @@
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    less dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:less
+// endbower
diff --git a/app/templates/src/app/_foundation/__foundation-vendor.scss b/app/templates/src/app/_foundation/__foundation-vendor.scss
index 237d9a3b..a927510c 100644
--- a/app/templates/src/app/_foundation/__foundation-vendor.scss
+++ b/app/templates/src/app/_foundation/__foundation-vendor.scss
@@ -1,6 +1,8 @@
+/* The import of foundation is made manually because there is still no links of the
+   sass version in theit bower.json... */
 @import '../<%= computedPaths.appToBower %>/bower_components/foundation/scss/foundation';
 
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    sass dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:scss
+// endbower
diff --git a/app/templates/src/app/_foundation/__foundation-vendor.styl b/app/templates/src/app/_foundation/__foundation-vendor.styl
index 6d9b74ef..fff90697 100644
--- a/app/templates/src/app/_foundation/__foundation-vendor.styl
+++ b/app/templates/src/app/_foundation/__foundation-vendor.styl
@@ -1,4 +1,4 @@
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    stylus dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:styl
+// endbower
diff --git a/app/templates/src/app/_none/__none-index.less b/app/templates/src/app/_none/__none-index.less
index 11916b52..80214b4c 100644
--- a/app/templates/src/app/_none/__none-index.less
+++ b/app/templates/src/app/_none/__none-index.less
@@ -114,3 +114,8 @@ a {
 hr {
   clear: both;
 }
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your less files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_none/__none-index.scss b/app/templates/src/app/_none/__none-index.scss
index 11916b52..ec27a4e3 100644
--- a/app/templates/src/app/_none/__none-index.scss
+++ b/app/templates/src/app/_none/__none-index.scss
@@ -114,3 +114,8 @@ a {
 hr {
   clear: both;
 }
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your sass files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_none/__none-index.styl b/app/templates/src/app/_none/__none-index.styl
index 2280d296..2239e60b 100644
--- a/app/templates/src/app/_none/__none-index.styl
+++ b/app/templates/src/app/_none/__none-index.styl
@@ -112,3 +112,8 @@ a
 
 hr
   clear both
+
+/* Do not remove this comments bellow. It's the markers used by gulp-inject to inject
+   all your stylus files automatically */
+// injector
+// endinjector
diff --git a/app/templates/src/app/_none/__none-vendor.less b/app/templates/src/app/_none/__none-vendor.less
index a385b09d..3f3b40e1 100644
--- a/app/templates/src/app/_none/__none-vendor.less
+++ b/app/templates/src/app/_none/__none-vendor.less
@@ -1,4 +1,4 @@
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    less dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:less
+// endbower
diff --git a/app/templates/src/app/_none/__none-vendor.scss b/app/templates/src/app/_none/__none-vendor.scss
index a8fc9080..053b0f09 100644
--- a/app/templates/src/app/_none/__none-vendor.scss
+++ b/app/templates/src/app/_none/__none-vendor.scss
@@ -1,4 +1,4 @@
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    sass dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:scss
+// endbower
diff --git a/app/templates/src/app/_none/__none-vendor.styl b/app/templates/src/app/_none/__none-vendor.styl
index 6d9b74ef..fff90697 100644
--- a/app/templates/src/app/_none/__none-vendor.styl
+++ b/app/templates/src/app/_none/__none-vendor.styl
@@ -1,4 +1,4 @@
 /* Do not remove this comments bellow. It's the markers used by wiredep to inject
    stylus dependencies when defined in the bower.json of your dependencies */
-// injector
-// endinjector
+// bower:styl
+// endbower
diff --git a/test/node/test-ui.js b/test/node/test-ui.js
index 730fc79b..124b27a0 100644
--- a/test/node/test-ui.js
+++ b/test/node/test-ui.js
@@ -139,7 +139,7 @@ describe('gulp-angular generator ui script', function () {
         cssPreprocessor: { extension: 'scss' }
       };
       generator.computeWiredepExclusions();
-      generator.wiredepExclusions[0].should.be.equal('/bootstrap-sass-official/');
+      generator.wiredepExclusions[0].should.be.equal('/bootstrap-sass-official\\/.*\\.js/');
       generator.wiredepExclusions[1].should.be.equal('/bootstrap\\.css/');
     });
 
diff --git a/test/template/test-gulpfile.js b/test/template/test-gulpfile.js
index 5319a074..3df19f0e 100644
--- a/test/template/test-gulpfile.js
+++ b/test/template/test-gulpfile.js
@@ -35,4 +35,14 @@ describe('gulp-angular gulpfile template', function () {
     result.should.match(/e2e: 'test\/e2e\/dir'/);
   });
 
+  it('should configure wiredep with wiredep exclusions', function() {
+    model.wiredepExclusions = [];
+    var result = gulpfile(model);
+    result.should.not.match(/exclude:/);
+
+    model.wiredepExclusions = ['\'a\'', '\'b\''];
+    result = gulpfile(model);
+    result.should.match(/exclude: \['a', 'b'\]/);
+  });
+
 });
diff --git a/test/template/test-inject.js b/test/template/test-inject.js
index 8fb48396..94bd6638 100644
--- a/test/template/test-inject.js
+++ b/test/template/test-inject.js
@@ -77,14 +77,4 @@ describe('gulp-angular inject template', function () {
     result.should.not.match(/order/);
   });
 
-  it('should configure wiredep with wiredep exclusions', function() {
-    model.wiredepExclusions = [];
-    var result = inject(model);
-    result.should.not.match(/exclude:/);
-
-    model.wiredepExclusions = ['\'a\'', '\'b\''];
-    result = inject(model);
-    result.should.match(/exclude: \['a', 'b'\]/);
-  });
-
 });
diff --git a/test/template/test-unit-tests.js b/test/template/test-unit-tests.js
index 1095d49e..64e69538 100644
--- a/test/template/test-unit-tests.js
+++ b/test/template/test-unit-tests.js
@@ -23,16 +23,6 @@ describe('gulp-angular unit tests template', function () {
     model = mockModel();
   });
 
-  it('should configure wiredep with wiredep exclusions', function() {
-    model.wiredepExclusions = [];
-    var result = unitTests(model);
-    result.should.not.match(/exclude:/);
-
-    model.wiredepExclusions = ['\'a\'', '\'b\''];
-    result = unitTests(model);
-    result.should.match(/exclude: \['a', 'b'\]/);
-  });
-
   it('should add options for each css preprocessors', function() {
     model.props.jsPreprocessor.key = 'none';
     var result = unitTests(model);