Skip to content

Instantly share code, notes, and snippets.

@moredip
Last active August 29, 2015 14:12
Show Gist options
  • Save moredip/14f69be3a45e11b2a36d to your computer and use it in GitHub Desktop.
Save moredip/14f69be3a45e11b2a36d to your computer and use it in GitHub Desktop.
gulp, browserify, reactify, and sadness
//based on https://medium.com/@sogko/gulp-browserify-the-gulp-y-way-bb359b3f9623
var gulp = require('gulp');
var browserify = require('browserify');
var transform = require('vinyl-transform');
var reactify = require('reactify');
gulp.task('browserify', function () {
var browserified = transform(function(filename) {
var b = browserify(filename);
return b.bundle();
});
return gulp.src(['./js/app.js'])
.pipe(browserified)
.pipe(gulp.dest('./build'));
});
gulp.task('browserify-with-reactify-transform', function () {
var browserified = transform(function(filename) {
var b = browserify(filename);
b.transform('reactify'); // <--- this makes things go boom.
return b.bundle();
});
return gulp.src(['./js/app.js'])
.pipe(browserified)
.pipe(gulp.dest('./build'));
});
pete@clyde: ~/git/react-cards (master *+)
⋙ gulp browserify
[15:07:26] Using gulpfile ~/git/react-cards/gulpfile.js
[15:07:26] Starting 'browserify'...
[15:07:28] Finished 'browserify' after 2.26 s
pete@clyde: ~/git/react-cards (master *+)
⋙ gulp browserify-with-reactify-transform
[15:07:35] Using gulpfile ~/git/react-cards/gulpfile.js
[15:07:35] Starting 'browserify-with-reactify-transform'...
events.js:72
throw er; // Unhandled 'error' event
^
Error: write after end
at writeAfterEnd (/Users/pete/git/react-cards/node_modules/browserify/node_modules/labeled-stream-splicer/node_modules/stream-splicer/node_modules/readable-stream/lib/_stream_writable.js:161:12)
at Labeled.Writable.write (/Users/pete/git/react-cards/node_modules/browserify/node_modules/labeled-stream-splicer/node_modules/stream-splicer/node_modules/readable-stream/lib/_stream_writable.js:208:5)
at /Users/pete/git/react-cards/node_modules/browserify/index.js:251:27
at Array.forEach (native)
at resolved (/Users/pete/git/react-cards/node_modules/browserify/index.js:250:28)
at /Users/pete/git/react-cards/node_modules/browserify/index.js:282:13
at /Users/pete/git/react-cards/node_modules/browserify/node_modules/resolve/lib/async.js:48:21
at /Users/pete/git/react-cards/node_modules/browserify/node_modules/resolve/lib/async.js:127:35
at /Users/pete/git/react-cards/node_modules/browserify/node_modules/resolve/lib/async.js:99:39
at /Users/pete/git/react-cards/node_modules/browserify/node_modules/resolve/lib/async.js:65:30
@eikeon
Copy link

eikeon commented Jan 8, 2015

Ah... browserify/browserify#1044 seems to be a discussion of this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment