run sequense in watch tasks

Author: nolimits4web

scripts/gulpfile.js

@@ -2,6 +2,7 @@
 const gulp = require('gulp');
 const connect = require('gulp-connect');
 const gopen = require('gulp-open');
+const runSequence = require('run-sequence');
 
 const buildKsCore = require('./build-ks-core.js');
 const buildKsVue = require('./build-ks-vue.js');
@@ -33,27 +34,27 @@ gulp.task('build-vue', buildVue);
 // Watchers
 const watch = {
   all() {
-    gulp.watch(['./src/core/**/*.js'], ['core-js', 'ks-react', 'ks-vue']);
-    gulp.watch('./src/core/**/*.less', ['core-less']);
-    gulp.watch(['./src/phenome/**/*.js', './src/phenome/**/*.jsx'], ['phenome', 'build-react', 'build-vue', 'ks-react', 'ks-vue']);
-    gulp.watch(['./react/kitchen-sink/src/**/*.js', './react/kitchen-sink/src/**/*.jsx'], ['ks-react']);
-    gulp.watch(['./vue/kitchen-sink/src/**/*.js', './vue/kitchen-sink/src/**/*.jsx'], ['ks-vue']);
+    gulp.watch(['./src/core/**/*.js'], () => runSequence('core-js', 'core-components', 'ks-react', 'ks-vue'));
+    gulp.watch('./src/core/**/*.less', () => runSequence('core-less', 'core-components'));
+    gulp.watch(['./src/phenome/**/*.js', './src/phenome/**/*.jsx'], () => runSequence('phenome', 'build-react', 'build-vue', 'ks-react', 'ks-vue'));
+    gulp.watch(['./react/kitchen-sink/src/**/*.js', './react/kitchen-sink/src/**/*.jsx'], () => runSequence('ks-react'));
+    gulp.watch(['./vue/kitchen-sink/src/**/*.js', './vue/kitchen-sink/src/**/*.jsx'], () => runSequence('ks-vue'));
   },
   core() {
-    gulp.watch(['./src/core/**/*.js'], ['core-js']);
-    gulp.watch('./src/**/**/*.less', ['core-less']);
+    gulp.watch(['./src/core/**/*.js'], () => runSequence('core-js', 'core-components'));
+    gulp.watch('./src/**/**/*.less', () => runSequence('core-less', 'core-components'));
   },
   react() {
-    gulp.watch(['./src/core/**/*.js'], ['core-js', 'ks-react']);
-    gulp.watch('./src/core/**/*.less', ['core-less']);
-    gulp.watch(['./src/phenome/**/*.js', './src/phenome/**/*.jsx'], ['phenome', 'build-react', 'ks-react']);
-    gulp.watch(['./react/kitchen-sink/src/**/*.js', './react/kitchen-sink/src/**/*.jsx'], ['ks-react']);
+    gulp.watch(['./src/core/**/*.js'], () => runSequence('core-js', 'core-components', 'ks-react'));
+    gulp.watch('./src/core/**/*.less', () => runSequence('core-less', 'core-components'));
+    gulp.watch(['./src/phenome/**/*.js', './src/phenome/**/*.jsx'], () => runSequence('phenome', 'build-react', 'ks-react'));
+    gulp.watch(['./react/kitchen-sink/src/**/*.js', './react/kitchen-sink/src/**/*.jsx'], () => runSequence('ks-react'));
   },
   vue() {
-    gulp.watch(['./src/core/**/*.js'], ['core-js', 'ks-vue']);
-    gulp.watch('./src/core/**/*.less', ['core-less']);
-    gulp.watch(['./src/phenome/**/*.js', './src/phenome/**/*.jsx'], ['phenome', 'build-vue', 'ks-vue']);
-    gulp.watch(['./vue/kitchen-sink/src/**/*.js', './vue/kitchen-sink/src/**/*.jsx'], ['ks-vue']);
+    gulp.watch(['./src/core/**/*.js'], () => runSequence('core-js', 'core-components', 'ks-vue'));
+    gulp.watch('./src/core/**/*.less', () => runSequence('core-less', 'core-components'));
+    gulp.watch(['./src/phenome/**/*.js', './src/phenome/**/*.jsx'], () => runSequence('phenome', 'build-vue', 'ks-vue'));
+    gulp.watch(['./vue/kitchen-sink/src/**/*.js', './vue/kitchen-sink/src/**/*.jsx'], () => runSequence('ks-vue'));
   },
 };