React Gulpfile watchify未更新

Question

我正在学习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);
});

这是我的文件夹结构

​

​

Answer 1

Watchify在检测某些文件系统设置和虚拟化上的更改时可能会出现问题。

请参阅https://github.com/substack/watchify/issues/120

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