如何制作Gulp任务将项目的每个jsx文件转换为不同的.js文件？

Question

我的项目中有一些React文件(.jsx),我需要使用Gulp任务将每个文件转换为不同的.js文件(遵循相同的目录结构).

所以,为了澄清,我不想使用类似Browserify.boudle()的东西,因为它会留下一个转换后的.js文件.

Answer 1

如果您使用gulp-react,它会将它们重命名为.js自动以及转换:

var gulp = require('gulp')
var react = require('gulp-react')

gulp.task('transpile-js', function() {
  return gulp.src('./src/**/*.jsx')
    .pipe(react({harmony: true}))
    .pipe(gulp.dest('./lib'))
})