node package manager

gulp-react

Precompile Facebook React JSX templates into JavaScript

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

Private packages for the whole team

It’s never been easier to manage developer teams with varying permissions and multiple projects. Learn more about Private Packages and Organizations…

how? learn more

Collaborators

Stats

Try it out

Keywords

compile, precompile, views, view, templates, template, transformer, transform, jsx, react, gulpplugin

Dependencies (5)

vinyl-sourcemaps-apply, through2, react-tools, object-assign, gulp-util

Dependents

netsells-gulp, make-shift-brew-ui, hornet-js-builder, boiler-js, elixir-react-jsx, atg-web, syrup, jenkins-react-js-builder, @rdcl/gulp-client-assets, gulp-quickbase, panli-webapp, thuan-cdn, panli-package, laravel-elixir-react, horario-gulp, tollan-gulp, panli, parched-jsx, lenq.react, react-datetime-picker, APM-mouse, gulp-devkit, springbokjs-base, elixir-jsx, gulp-workspace, gulp-este, rgb-generator, taskpack, simflux-viz, isomorphic-react-boilerplate, gulp-react-bundle, react-rails-starterkit, isomorphic, gwm-react