javascript - 运行“gulp”时如何查看 linting 错误？

Question

我正在尝试将 Airbnb JavaScript 样式指南安装到我的环境中。我在保存 .js 文件时使用 gulp 来显示 linting 错误，但它没有显示出来。如果我执行“eslint main.js”，它会显示错误。

当我执行“gulp”时，有什么方法可以通过 gulp 显示它？

这是我的配置文件：

var lint = require('gulp-eslint');  //Lint JS files, including JSX
var config = {
    port: 9005,
    devBaseUrl: 'http://localhost',
    paths: {
        html: './src/*.html',
        js: './src/**/.js',
        css: [
            'node_modules/bootstrap/dist/css/bootstrap.min.css',
            'node_modules/bootstrap/dist/css/bootstrap-theme.min.css'
        ],
        dist: './dist',
        mainJs: './src/main.js'
    }
};

...

gulp.task('lint', function () {
    return gulp.src(config.paths.js)
        .pipe(lint())
        .pipe(lint.format())
        .pipe(lint.failAfterError());
});

gulp.task('watch', function () {
    gulp.watch(config.paths.html, ['html']);
    gulp.watch(config.paths.js, ['js', 'lint']);
    gulp.watch(config.paths.css, ['css']);
});

gulp.task('default', ['html', 'js', 'css', 'lint', 'open', 'watch']);

我的 main.js 文件：

test = 1;

var App = console.log('Testing Browserify');

module.exports = App;

这是我在运行“gulp”以及运行“eslint main.js”时看到的。错误应显示在右侧的终端上，但不会显示任何 linting 错误。

Answer 1

您是否尝试在 lint 调用上设置 eslint 配置文件？

gulp.task('lint', function () {
    return gulp.src(config.paths.js)
        .pipe(lint({
            // Load a specific ESLint config
            configFile: 'eslintConfig.json'
        }
    ))
    .pipe(lint.format())
    .pipe(lint.failAfterError());
});

来自：https ://github.com/adametry/gulp-eslint/blob/master/example/config.js