javascript - gulp-jscs 似乎无法检测到配置(.jscsrc)文件，但普通 jscs 可以从命令行检测到

Question

当我从命令行运行“gulp style”时，Gulp 运行，随后 gulp-jscs 运行，但后者似乎无法检测 jscs 配置文件 (.jscsrc) 中定义的规则。但是，如果我从命令行运行 jscs，那么 jscs 会检测配置文件的规则。知道这笔交易会是什么吗？

这是我的 gulp 文件:

(function() {
    "use strict";

    var gulp = require("gulp");
    var jshint = require("gulp-jshint");
    var jscs = require("gulp-jscs");
    var jsFiles = ["*.js", "src/**/*.js"];

    gulp.task("style", function () {
        console.log("Running the style task.");
        return gulp.src(jsFiles)
            .pipe(jshint())
            .pipe(jshint.reporter("jshint-stylish", {
                verbose: true
            }))
            .pipe(jscs({configPath: "./.jscsrc"}));
    });
})();

Answer 1

您需要一个reporter (就像 jshint 有一个):

var gulp = require("gulp");
var jshint = require("gulp-jshint");
var jscs = require("gulp-jscs");
var jsFiles = ["*.js", "src/**/*.js"];

gulp.task("style", function () {
    console.log("Running the style task.");
    return gulp.src(jsFiles)
        .pipe(jshint())
        .pipe(jshint.reporter("jshint-stylish", {
            verbose: true
        }))
        .pipe(jscs({configPath: "./.jscsrc"}))
        .pipe(jscs.reporter()); // << this line here
});

其他注意事项，(如果您从cmd运行)，Gulpfile.js您不需要将其包装到匿名函数中或使用'use严格'。

输出示例:

[13:53:30] Using gulpfile C:\del\so\gulpjscs\Gulpfile.js
[13:53:30] Starting 'style'...
Running the style task.
[13:53:31] gulp-debug: Gulpfile.js
[13:53:31] gulp-debug: index.js
[13:53:31] gulp-debug: 2 items
Comments must start with a lowercase letter at C:\del\so\gulpjscs\index.js :
     1 |// Invalid
--------^
     2 |// valid
     3 |


1 code style error found.
[13:53:31] Finished 'style' after 187 ms

如果您不确定如何考虑当前路径./，您可以随时使用path模块来解析，例如:

var path = require('path');
var configPath = path.resolve(path.join(__dirname, '.jscsrc'))