How to use

watch

function

in

gulp

series(defaultTasks, cb => {
  browserSync.init({
    server: {
      baseDir: 'public'
    },
    online: false
  });
  watch(config.watch.images, series(images, bsReload));
  watch(config.watch.vendorJS, series(vendorJS, bsReload));
  watch(config.watch.humansTXT, humansTXT);
  watch(config.watch.styles, styles);
  watch(config.watch.scripts, series(scripts, bsReload));
  watch(config.watch.templates, series(templates, bsReload));
  cb();
})

function startTestServer() {
 server.init({
  notify: false,
  port,
  ui: false,
  server: {
   baseDir: 'test',
   routes: {
    '/scripts': '.tmp/scripts',
    '/node_modules': 'node_modules'
   }
  }
 });

 watch('app/scripts/**/*.js', scripts);
 watch(['test/spec/**/*.js', 'test/index.html']).on('change', server.reload);
 watch('test/spec/**/*.js', lintTest);
}

function startAppServer() {
 server.init({
  notify: false,
  port,
  server: {
   baseDir: ['.tmp', 'app'],
   routes: {
    '/node_modules': 'node_modules'
   }
  }
 });

 watch([
  'app/*.html',
  'app/images/**/*',
  '.tmp/fonts/**/*'
 ]).on('change', server.reload);

 watch('app/styles/**/*.scss', styles);
 watch('app/styles/**/*.sass', styles);
 watch('app/scripts/**/*.js', scripts);
 watch('app/*.pug', views);
 watch('app/views/**/*.pug', views);
 watch('modernizr.json', modernizr);
 watch('app/fonts/**/*', fonts);
}