How convert .jsx to .js with Gulp and Babel?

Question

I need to convert all /src/.jsx files to /src/.js

Before I used gulp-react:

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

gulp.task(\'jsx\', functio         


        

Answer 1

In order to get displayName automatically inserted on transformation, you need to install gulp-babel and React preset:

npm install --save-dev gulp-babel babel-preset-react

and then in the gulpfile.js:

var gulp = require('gulp');
var babel = require('gulp-babel');

gulp.task("jsx", function(){
    return gulp.src("src/jsx/*.jsx")
        .pipe(babel({
            presets: ["react"]
        }))
        .pipe(gulp.dest("src/js"));
});