x6doooo
diff --git a/‎app/templates/app/index.html‎
Lines changed: 8 additions & 0 deletions b/‎app/templates/app/index.html‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎app/templates/gulpfile.js‎
Lines changed: 28 additions & 0 deletions b/‎app/templates/gulpfile.js‎
Lines changed: 28 additions & 0 deletions
diff --git a/‎app/templates/package.json‎
Lines changed: 2 additions & 0 deletions b/‎app/templates/package.json‎
Lines changed: 2 additions & 0 deletions
@@ -9,13 +9,21 @@
     <script>baseElement = document.querySelector('base');baseElement.attr = baseElement.getAttribute;</script>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- bower:css -->
+    <!-- endbower -->
+
     <!-- inject:css -->
     <!-- endinject -->
+
 </head>
 <body>
 
 <app>Loading...</app>
 
+<!-- bower:js -->
+<!-- endbower -->
+
 <!-- inject:js -->
 <!-- endinject -->
 
 
@@ -5,6 +5,7 @@ var bump = require('gulp-bump');
 var concat = require('gulp-concat');
 var filter = require('gulp-filter');
 var inject = require('gulp-inject');
+var rename = require('gulp-rename');
 var minifyCSS = require('gulp-minify-css');
 var minifyHTML = require('gulp-minify-html');
 var plumber = require('gulp-plumber');
@@ -39,6 +40,7 @@ var openResource = require('open');
 
 var tinylr = require('tiny-lr')();
 var connectLivereload = require('connect-livereload');
+var bowerFiles = require('main-bower-files');
 
 
 // --------------
@@ -198,6 +200,7 @@ gulp.task('build.index.dev', function () {
     var target = gulp.src(injectableDevAssetsRef(), {read: false});
     return gulp.src(PATH.dest.dev.all + '/index.html')
         .pipe(inject(target, {transform: transformPath('dev')}))
+        .pipe(inject(addBowerComponent(PATH.dest.dev.lib), {name: 'bower', relative: true}))
         .pipe(template(templateLocals()))
         .pipe(gulp.dest(PATH.dest.dev.all));
 });
@@ -305,6 +308,7 @@ gulp.task('build.index.prod', function () {
         join(PATH.dest.prod.all, '**/*.css')], {read: false});
     return gulp.src(PATH.dest.prod.all + '/index.html')
         .pipe(inject(target, {transform: transformPath('prod')}))
+        .pipe(inject(addBowerComponent(PATH.dest.prod.lib), {name: 'bower', relative: true}))
         .pipe(template(templateLocals()))
         .pipe(gulp.dest(PATH.dest.prod.all));
 });
@@ -425,6 +429,30 @@ function registerBumpTasks() {
     });
 }
 
+function addBowerComponent(path) {
+  var jsFilter = filter('*.js');
+  var cssFilter = filter('*.css');
+  return gulp.src(bowerFiles())
+    .pipe(jsFilter)
+    .pipe(concat('vendors.js'))
+    .pipe(gulp.dest(path))
+    .pipe(uglify())
+    .pipe(rename({
+        suffix: '.min'
+    }))
+    .pipe(gulp.dest(path))
+    .pipe(jsFilter.restore())
+    .pipe(cssFilter)
+    .pipe(concat('vendors.css'))
+    .pipe(gulp.dest(path))
+    .pipe(minifyCSS({keepBreaks:true}))
+    .pipe(rename({
+        suffix: '.min'
+    }))
+    .pipe(gulp.dest(path))
+    .pipe(cssFilter.restore())
+}
+
 function serveSPA(env) {
     var app;
     app = express().use(APP_BASE, connectLivereload({port: LIVE_RELOAD_PORT}), serveStatic(join(__dirname, PATH.dest[env].all)));
 
@@ -39,6 +39,8 @@
 "gulp-uglify": "^1.2.0",
 "gulp-watch": "^4.2.4",
 "gulp-insert": "^0.5.0",
+"gulp-rename": "^1.2.2",
+"main-bower-files": "^2.11.1",
 "open": "0.0.5",
 "run-sequence": "^1.1.0",
 "semver": "^4.3.6",