javascript - react Gulpfile watchify不更新

我正在关注Reactjs的教程，我们正在使用Gulpfile更新依赖关系，并使用browserify构建单个javascript文件。

由于某种原因，每当我更改文件中的一行时，都不会进行更新。
这是我的代码。

var gulp = require('gulp');
var gutil = require('gulp-util');
var source = require('vinyl-source-stream');
var browserify = require('browserify');
var watchify = require('watchify');
var reactify = require('reactify');

gulp.task('default', function() {
  var bundler = watchify(browserify({
    entries: ['./src/app.jsx'],
    transform: [reactify],
    extensions: ['.jsx'],
    debug: true
  }));

  function build(file) {
    if (file) gutil.log('Recompiling ' + file);
    return bundler
      .bundle()
      .on('error', gutil.log.bind(gutil, 'Browserify Error'))
      .pipe(source('main.js'))
      .pipe(gulp.dest('./'));
  };
  build();
  bundler.on('update', build);
});

这是我的文件夹结构

最佳答案

Watchify可能无法检测某些文件系统设置和虚拟化的更改。

见https://github.com/substack/watchify/issues/120

尝试使用Watchify 3.0.0，因为它似乎对NFS使用了轮询