rightfe/src/commands/_watch.js

the front-end-engineer tool

var gulp = require('gulp')
var path = require('path')
var watch = require('gulp-watch')
var config = require(process.cwd() + '/rightfe')
var html = require('./_html'),
  css = require('./_css');

var watchTask = function() {
  var watchableTasks = ['html', 'css']

  watchableTasks.forEach(function(taskName) {
    var task = config[taskName];
    if (task) {
      var glob = path.join(config.root.src, task.src, '**/*.{' + task.extensions
        .join(',') + '}')
      watch(glob, function() {
        console.log('watch diff');

        if (taskName === 'html') {
          html();
        } else {
          css();
        }
      })
    }
  })
}

module.exports = watchTask;

// //监听文件
// function watch(cb) {
//   var watcher = gulp.watch([
//     paths.src.img,
//     paths.src.slice,
//     paths.src.js,
//     paths.src.media,
//     paths.src.lessAll,
//     paths.src.sassAll,
//     paths.src.htmlAll
//   ], {
//     ignored: /[\/\\]\./
//   });
//
//   watcher
//     .on('change', function(file) {
//       util.log(file + ' has been changed');
//       watchHandler('changed', file);
//     })
//     .on('add', function(file) {
//       util.log(file + ' has been added');
//       watchHandler('add', file);
//     })
//     .on('unlink', function(file) {
//       util.log(file + ' is deleted');
//       watchHandler('removed', file);
//     });
//
//   cb();
// }