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

We ♥ your boss

Selectively mirror the npm registry inside your firewall. Filter packages based on security, licensing, code quality and more. Build awesome stuff faster. Try npm Enterprise for free…

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