watch this

Author: McNull

gulp-tasks/module-tasks/scripts-task.js

@@ -11,6 +11,18 @@ var filter = require('../lib/gulp-mini-filter.js');
 
 module.exports = function (gulp, module) {
 
+  var inputFiles = [
+    path.join(module.folders.src, module.name + '.js'),
+    path.join(module.folders.src, '**/*.js'),
+    path.join(module.folders.dest, module.name + '-templates.js'),
+    '!**/*.test.js',
+    '!**/*.ignore.js'
+  ];
+
+  module.watch('scripts-watch', function() {
+    gulp.watch(inputFiles, [ module.name + '-scripts' ]);
+  });
+
   module.task('scripts-clean', function() {
     var outputFiles = [
       path.join(module.folders.dest, module.name + '.js'),
@@ -35,15 +47,7 @@ module.exports = function (gulp, module) {
       //    1. concat all js in one file and persist to the filesystem
       //    2. uglify the previous file and point point the content of the source map to the original file.
 
-      var jsGlob = [
-        path.join(module.folders.src, module.name + '.js'),
-        path.join(module.folders.src, '**/*.js'),
-        path.join(module.folders.dest, module.name + '-templates.js'),
-        '!**/*.test.js',
-        '!**/*.ignore.js'
-      ];
-
-      return gulp.src(jsGlob)
+      return gulp.src(inputFiles)
         .pipe(module.touch())
         .pipe(wrap({
           header: {

gulp-tasks/module-tasks/templates-task.js

@@ -15,6 +15,15 @@ var config = require('../../build-config.js');
 
 module.exports = function(gulp, module) {
 
+  var inputFiles = [
+    path.join(module.folders.src, '**/*.ng.html'),
+    path.join(module.folders.src, '**/*.ng.svg')
+  ];
+
+  module.watch('templates-watch', function() {
+    gulp.watch(inputFiles, [ module.name + '-templates' ]);
+  });
+
   module.task('templates-clean', function() {
 
     var outputFiles = [
@@ -35,6 +44,11 @@ module.exports = function(gulp, module) {
       '!**/*.ignore.ng.html'
     ];
 
+    var ngSvgGlob = [
+      path.join(module.folders.src, '/**/*.ng.svg'),
+      '!**/*.ignore.ng.svg'
+    ];
+
     var ngHtmlStream = gulp.src(ngHtmlGlob)
       .pipe(module.touch())
       .pipe(minifyHtml({
@@ -43,11 +57,6 @@ module.exports = function(gulp, module) {
         quotes: true
       }));
 
-    var ngSvgGlob = [
-      path.join(module.folders.src, '/**/*.ng.svg'),
-      '!**/*.ignore.ng.svg'
-    ];
-
     var ngSvgStream = gulp.src(ngSvgGlob)
       .pipe(module.touch())
       .pipe(svgmin());

gulpfile.js

@@ -17,6 +17,7 @@ require('./gulp-tasks/modules-task.js')(gulp);
 // - - - - 8-< - - - - - - - - - - - - - - - - - - -
 
 gulp.task('build', [ 'modules', 'bower', 'index' ]);
+gulp.task('watch', [ 'modules-watch']);
 gulp.task('default', [ 'build' ]);
 
 // - - - - 8-< - - - - - - - - - - - - - - - - - - -

src/angular-logo/angular-logo.css

@@ -25,4 +25,4 @@
     opacity: 0;
     transform: translateY(-50%);
   }
-}
+}

watch.sh

@@ -5,7 +5,9 @@
 
 # https://github.com/gulpjs/gulp/issues/216
 
-until gulp modules-watch
+gulp build
+
+until gulp watch
  do growlnotify -name gulp -m "gulp watch restarted"
  sleep 1
 done