feat(gulp): add Gulp support

Author: Awk34

app/generator.js

@@ -142,6 +142,11 @@ export default class Generator extends Base {
             this.filters[answers.router] = true;
             this.filters.bootstrap = !!answers.bootstrap;
             this.filters.uibootstrap =  !!answers.uibootstrap;
+
+            this.scriptExt = answers.script === 'coffee' ? 'coffee' : 'js';
+            this.templateExt = answers.markup;
+            this.styleExt = answers.stylesheet;
+
             cb();
           }.bind(this));
       },

app/templates/_package.json

@@ -55,6 +55,7 @@
     "gulp-livereload": "^3.8.0",
     "gulp-load-plugins": "^1.0.0-rc.1",
     "gulp-minify-css": "^1.1.6",
+    "gulp-mocha": "^2.1.3",
     "gulp-ngmin": "^0.3.0",
     "gulp-plumber": "^1.0.1",
     "gulp-rev": "^5.0.0",

app/templates/gulpfile.babel(gulp).js

@@ -17,6 +17,7 @@ var plugins = gulpLoadPlugins();
 var config;
 
 const paths = {
+    appPath: require('./bower.json').appPath || 'client',
     client: {
         assets: 'client/assets/**/*',
         images: 'client/assets/images/*',
@@ -164,7 +165,7 @@ gulp.task('inject:<%= styleExt %>', () => {
                     .replace('/client/app/', '')
                     .replace('/client/components/', '../components/')
                     .replace(/_(.*).<%= styleExt %>/, (match, p1, offset, string) => p1);
-                return `@import '${newPath}';`
+                return '@import \'' + newPath + '\';';
             }
         }))
         .pipe(gulp.dest('client/app'));
@@ -241,15 +242,15 @@ gulp.task('watch', () => {
         .pipe(lintServerScripts())
         .pipe(plugins.livereload());
 
-    gulp.watch('bower.json', ['bower']);
+    gulp.watch('bower.json', ['wiredep:client']);
 });
 
 gulp.task('serve', cb => {
     runSequence('clean:tmp',
         ['lint:scripts'],
         'inject:js',
         'inject:css',
-        'bower',<% if(filters.babel || filters.coffee) { %>
+        'wiredep:client',<% if(filters.babel || filters.coffee) { %>
         ['transpile', 'styles'],<% } else { %>
         'styles',<% } %>
         ['start:server', 'start:client'],
@@ -273,14 +274,38 @@ gulp.task('test:client', () => {
 });
 
 // inject bower components
-gulp.task('bower', () => {
+gulp.task('wiredep:client', () => {
     return gulp.src(paths.views.main)
         .pipe(wiredep({
-            exclude: [/bootstrap-sass-official/, /bootstrap.js/, '/json3/', '/es5-shim/', /bootstrap.css/, /font-awesome.css/ ]
+            exclude: [
+                /bootstrap-sass-official/,
+                /bootstrap.js/,
+                '/json3/',
+                '/es5-shim/',
+                /bootstrap.css/,
+                /font-awesome.css/
+            ],
+            ignorePath: paths.appPath
         }))
         .pipe(gulp.dest('client/'));
 });
 
+gulp.task('wiredep:test', () => {
+    gulp.src(paths.karma)
+        .pipe(wiredep({
+            exclude: [
+                /bootstrap-sass-official/,
+                /bootstrap.js/,
+                '/json3/',
+                '/es5-shim/',
+                /bootstrap.css/,
+                /font-awesome.css/
+            ],
+            devDependencies: true
+        }))
+        .pipe(gulp.dest('./'));
+});
+
 /********************
  * Build
  ********************/
@@ -290,7 +315,7 @@ gulp.task('build', cb => {
     runSequence(
         'clean:dist',
         'inject',
-        'bower',
+        'wiredep:client',
         [
             'build:images',
             'copy:extras',