使用gulp-istanbul获取React.js代码覆盖率的Gulp任务

Question

我正在将React.js用于项目。

我使用Mocha和chai作为测试框架。

现在，我想将gulp-istanbul用于代码覆盖部分。

服务器端部分工作正常，但是当涉及到客户端时，我使用以下代码：

var istanbul = require('gulp-istanbul');
var mocha = require('gulp-mocha');
var isparta = require('isparta');
gulp.task('pre-test', function () {
    return gulp.src(['lib/**/*.js'])//all jsx files and ES6 files
    .pipe(istanbul(
        instrumentar: isparta.instrumentar//isparta is no use full. not sure why
    ))
    .pipe(istanbul.hookRequire());
});

gulp.task('test', ['pre-test'], function () {
    return gulp.src(['test/*.js'])
    .pipe(mocha())
    .pipe(istanbul.writeReports())
    .pipe(istanbul.enforceThresholds({ thresholds: { global: 90 } }));
});

但我没有完成上述代码的工作。

似乎我没有在gulp任务中转换ES6或ReactJS代码。

可以通过其他模块完成，例如gulp-jsx-coverage，但我确实想要遵循这种方法。

关于如何完成此任务的任何输入？