Question

我遇到了一个问题，即watchify和gulp.watch之间有一些奇怪的相互作用。当我们使用watchify进行轮询时，我需要做的是因为它在一个流浪的环境中运行，那么gulp.watch任务只会在第一次更改文件时触发。

gulpfile：

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

function bundle(bundler) {
    return bundler
    .bundle()
    .on('error', (error) => util.log(util.colors.red('Error compiling scripts:'), error.message))
    .pipe(source('./app.js'))
    .pipe(gulp.dest('./'));
}

gulp.task('default', ['build', 'watch']);

gulp.task('build', ['lint', 'scripts']);

gulp.task('lint', function() {
    gulp.src('./src/**/*.js')
    .pipe(eslint());
});

gulp.task('scripts', ['lint'], function() {
    var bundler = browserify({
        entries: ['./src/app.js'],
        cache: {},
        packageCache: {},
        fullPaths: true,
    });

    var watcher = watchify(bundler, {poll: true});
    watcher.on( 'update', () => {
        util.log( 'Now Updating Scripts...');
        return bundle(watcher);
    });

    return bundle(watcher);
})

gulp.task('watch', ['build'], function() {
    gulp.watch(['./src/**/*.js'], ['lint']);
})

此处的示例存储库：https://github.com/mudetroit/watchify-gulp-watch-issue

在初始编译后运行gulp并更改文件两次时，您会看到以下内容。

[12:02:49] Using gulpfile ~/repo/watchify-gulp-watch-issue/gulpfile.js
[12:02:49] Starting 'lint'...
[12:02:49] Finished 'lint' after 24 ms
[12:02:49] Starting 'scripts'...
[12:02:49] Finished 'scripts' after 98 ms
[12:02:49] Starting 'build'...
[12:02:49] Finished 'build' after 6.17 μs
[12:02:49] Starting 'watch'...
[12:02:49] Finished 'watch' after 8.41 ms
[12:02:49] Starting 'default'...
[12:02:49] Finished 'default' after 11 μs
[12:03:48] Starting 'lint'...
[12:03:48] Finished 'lint' after 3.87 ms
[12:03:48] Now Updating Scripts...
[12:03:55] Now Updating Scripts...

有几个值得注意的项目，如果我不使用watchify并进行完全重新编译，它可以正常工作，但这在实践中很慢。如果我取消轮询它可以正常工作，但这会阻止它在使用NFS的流浪环境中工作。一直试图了解整个上午发生的事情并没有到达任何地方，所以希望我能得到一些帮助。

Answer 1

所以在做了一堆挖掘之后我们找到了the culprit。看来，因为gulp和watchify在引擎盖下使用chokidar。 chokidar尝试优化会导致问题。现在通过启动单独的流程来解决这个问题。

Gulp手表仅在观察时发射一次

1 个答案: