使用 gulp-jsxtransform 可以方便地将 React 的 JSX 文件转换为 JavaScript 文件。你需要安装相关插件：npm install --save gulp-jsxtransform。然后，你可以使用以下代码示例来设置任务：


var jsx = require('gulp-jsxtransform');

gulp.task('jsx', function () {

  return gulp.src('./app/scripts/**/*.js')

    .pipe(jsx())

    .pipe(gulp.dest('./build/scripts/'));

});

在执行代码质量检查工具 jshint 之前，也可以先转换 JSX 文件：


gulp.task('jshint', function () {

  return gulp.src('./app/scripts/**/*.js');

});

为了进一步了解如何在不同环境下使用 JSX 转换工具，你可以参考以下资源：