Skip to content

Instantly share code, notes, and snippets.

@vibze
Last active December 27, 2015 11:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vibze/238b53d4cc7ab8f37f89 to your computer and use it in GitHub Desktop.
Save vibze/238b53d4cc7ab8f37f89 to your computer and use it in GitHub Desktop.
Coffeescript + React + JSX + Browserify app boilerplate
var gulp = require('gulp');
var gutil = require('gulp-util');
var cjsx = require('gulp-cjsx');
var browserify = require('gulp-browserify');
var rename = require('gulp-rename');
gulp.task('dist', function(){
gulp.src('./src/**/*.cjsx')
.pipe(cjsx({bare: true}).on('error', gutil.log))
.pipe(gulp.dest('./dist/'))
});
gulp.task('dist-browserify', function(){
gulp.src('./src/react-explorer.coffee', {read: false})
.pipe(browserify({
transform: ['coffee-reactify'],
extensions: ['.coffee', '.cjsx']
}))
.on('error', console.log.bind(console))
.pipe(rename('index.js'))
.pipe(gulp.dest('./dist/'))
});
gulp.task('watch', function(){
gulp.watch('./src/**/*.cjsx', ['dist']);
gulp.watch('./src/**/*.cjsx', ['dist-browserify']);
});
npm install gulp gulp-browserify gulp-cjsx gulp-rename gulp-util coffee-reactify --save-dev
mkdir src
mkdir dist
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment