gulp-react

Precompile Facebook React JSX templates into JavaScript

gulp-react

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({harmony: true}))
        .pipe(gulp.dest('dist'));
});

API

react(options)

Options are passed to react-tools' transform method.

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

Stats

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

gulp-este, gulp-mocha-tdd, gulp-react-bundle, gulp-workspace, gwm-react, isomorphic, isomorphic-hapi, isomorphic-react-boilerplate, laravel-elixir-react, parched-jsx, react-flex, react-rails-starterkit, rgb-generator, simflux-viz, springbokjs-base, taskpack.