node package manager

gulp-react

gulp-react Build Status

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

Unleash awesomeness

Private packages, team management tools, and powerful integrations. Get started with npm Orgs

how? learn more

Collaborators list

Stats

Try it out

Keywords

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

Dependencies (5)

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

Dependents (35)

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