当我 运行 '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