javascript - 如何在修复文件时连续自动运行 gulp eslint -- 如何设置 watch

Question

我正在尝试使用 gulp 进行 eslint。我已经设置了这样的任务:

            gulp.task('lint', function () {
                return gulp.src([
            'components/myjs.js'

                                 ])
                    // eslint() attaches the lint output to the eslint property 
                    // of the file object so it can be used by other modules. 
                    .pipe(eslint())
                    // eslint.format() outputs the lint results to the console. 
                    // Alternatively use eslint.formatEach() (see Docs). 
                    .pipe(eslint.format())
                    // To have the process exit with an error code (1) on 
                    // lint error, return the stream and pipe to failOnError last. 
                    .pipe(eslint.failOnError());
            });

当我运行 gulp lint 时它告诉我很多错误。现在我正在尝试将它们一一修复。但是我必须手动重新运行 gulp lint 才能给我更新的报告。我如何设置它以便在我每次更新 'components/myjs.js' 时自动重新运行？

Answer 1

只需添加一个监视任务:

gulp.task('watch', function() {
  gulp.watch('components/myjs.js', ['lint']);
});

这样 Gulp 将跟踪您的 'components/myjs.js' 上的任何更改，并在任何更改上执行您的 'lint' 任务

如果你想进一步阅读: https://scotch.io/tutorials/automate-your-tasks-easily-with-gulp-js