javascript - 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 使用轮询