React Gulpfile watchify 不更新答案

【问题标题】：React Gulpfile watchify not updatingReact Gulpfile watchify 不更新
【发布时间】：2015-10-21 20:55:34
【问题描述】：

我正在关注 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);
});

这是我的文件夹结构

【问题讨论】：

看来问题出在 Vagrant 和 Homestead 上，当我在我的机器上运行 gulp 任务时，它正在工作。奇怪！

标签： javascript reactjs gulp browserify watchify

【解决方案1】：

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

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

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

【讨论】：