fix(watch): fixed rebuilding CSS on SASS change

Author: mariuszm

config.json

@@ -13,7 +13,7 @@
             "src/app/**/*.tpl.html",
             "src/common/**/*.tpl.html"
         ],
-        "sass"   : "src/+(sass|app|common)/**/*",
+        "sass"   : "src/+(sass|app|common)/**/*.scss",
         "assets" : "src/assets/**",
         "html"   : "src/index.html",
         "tests"  : "src/+(app|common)/**/*.spec.js"

gulpfile.js

@@ -291,12 +291,12 @@ gulp.task('watch', ['styles:sass', 'scripts:lint', 'scripts:cacheTpls', 'assets:
     });
 
     // watch for SASS changes
-    var sassWatcher = gulp.watch(config.paths.sass, ['styles:sass:imports']);
-    sassWatcher.on('change', function (event) {
-        if (event.path.lastIndexOf('.scss') === event.path.length - 5) {
+    var runSequence = require('run-sequence');
+    gulp.watch(config.paths.sass, function (event) {
+        runSequence('styles:sass:imports', function () {
             var files = config.build + '/assets/' + pkg.name + '-' + pkg.version + '.scss';
             return fnSass(files).pipe(plugins.livereload(server));
-        }
+        });
     });
 
     gulp.watch(config.paths.assets, function (event) {