1

我遇到了 watchify 和 gulp.watch 之间一些奇怪的相互作用的问题。当我们将 watchify 与轮询一起使用时，我需要这样做，因为它在 vagrant 环境中运行，然后 gulp.watch 任务仅在文件第一次更改时触发。

吞咽文件：

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 的流浪环境中工作。整个早上都在试图了解这里发生了什么，但没有到达任何地方，所以希望我能得到一些帮助。

4

1 回答 1

1

所以在做了一堆挖掘之后，我们找到了罪魁祸首。似乎因为 gulp 和 watchify 在引擎盖下都使用了 chokidar。chokidar 尝试的优化导致了这个问题。现在通过启动单独的进程来解决它。

于 2015-12-10T03:04:03.367 回答