javascript - 保存文件后 Gulp watch 继续运行

Question

我安装了 gulp 来缩小我的 JS 文件。当我运行 gulp watch 时，观察器正在等待文件更改，所以这很好。但是，当我修改文件并保存它时，监视任务不仅不会被触发一次，而是会不断被触发，并且不会停止。我必须通过按 ctrl + c 手动停止任务。

这是我的 gulpfile.js 文件:

var gulp = require('gulp');
var minify = require('gulp-minify');

gulp.task('min-js', function() {
    return gulp.src('lib/app.js')
        .pipe(minify({
            ext: {
                min: '.min.js'
            },
            ignoreFiles: ['-min.js']
        }))
        .pipe(gulp.dest('lib'))
});

gulp.task('watch', function(){
  gulp.watch('lib/app.js', gulp.parallel('min-js'));
  // Other watchers
});

gulp.task('default', gulp.parallel('min-js', 'watch'));

Answer 1

gulp-minify 除了缩小文件之外还输出源文件。

请参阅文档 here .

由于输出被传送到与输入相同的目录，lib，观察者发现输入文件被覆盖，并再次触发。这会导致观察者触发缩小的无限循环。

解决方案:

1. 将输出目录更改为与输入目录不同。
2. 使用 gulp-minify 上的 noSource 选项来阻止源文件的输出。