当我运行'gulp'时如何查看linting错误?

时间:2018-04-09 04:29:11

标签: javascript gulp eslint airbnb eslint-config-airbnb

我正在尝试将Airbnb javascript风格指南安装到我的环境中。我正在使用gulp来显示linting错误,因为我保存了我的.js文件,但它没有显示它。如果我做'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'时看到的内容。错误应显示在右侧的终端上,但不显示任何掉毛错误。

enter image description here

1 个答案:

答案 0 :(得分:0)

您是否尝试过在lint call上设置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