gulp-react

Deprecated in favor of gulp-babel. Read more.

Precompile React JSX templates into JavaScript

Issues with the output should be reported on the React issue tracker.

Install

$ npm install --save-dev gulp-react

Usage

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

gulp.task('default', function () {
    return gulp.src('template.jsx')
        .pipe(react())
        .pipe(gulp.dest('dist'));
});

API

react([options])

See the react-tools options, except for sourceMap and sourceFilename, which are handled for you.

Source Maps

Use gulp-sourcemaps like this:

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

gulp.task('default', function () {
    return gulp.src('template.jsx')
        .pipe(sourcemaps.init())
        .pipe(react())
        .pipe(sourcemaps.write('.'))
        .pipe(gulp.dest('dist'));
});

License

MIT © Sindre Sorhus