All Projects → ngryman → Gulp Bro

ngryman / Gulp Bro

Licence: mit
👊 gulp + browserify + incremental build, done right.

Programming Languages

javascript
137323 projects - #8 most used programming language

Projects that are alternatives of or similar to Gulp Bro

Generator Gulp Plugin Boilerplate
Scaffold out a Gulp plugin boilerplate
Stars: ✭ 46 (-61.34%)
Mutual labels:  gulp, gulp-plugin
Gulp Develop Server
Development assistant for node.js server by gulp
Stars: ✭ 72 (-39.5%)
Mutual labels:  gulp, gulp-plugin
Gulp Require Tasks
Splits Gulpfile into multiple individual files
Stars: ✭ 51 (-57.14%)
Mutual labels:  gulp, gulp-plugin
Gulp Angular Templatecache
Concatenates and registers AngularJS templates in the $templateCache.
Stars: ✭ 530 (+345.38%)
Mutual labels:  gulp, gulp-plugin
React Tsx Starter
Universal/Isomorphic React TypeScript Starter Project
Stars: ✭ 97 (-18.49%)
Mutual labels:  gulp, browserify
Gulp Jsonlint
🔍 jsonlint plugin for Gulp
Stars: ✭ 26 (-78.15%)
Mutual labels:  gulp, gulp-plugin
Gulp Json Editor
A gulp plugin to edit JSON objects
Stars: ✭ 55 (-53.78%)
Mutual labels:  gulp, gulp-plugin
gulp-markdown-to-json
Parse Markdown and YAML → compile Markdown to HTML → wrap it all up in JSON
Stars: ✭ 76 (-36.13%)
Mutual labels:  gulp, gulp-plugin
Npm Pipeline Rails
Use npm as part of your Rails asset pipeline
Stars: ✭ 93 (-21.85%)
Mutual labels:  gulp, browserify
Gulp Ngmin
[DEPRECATED] Pre-minify AngularJS apps with ngmin
Stars: ✭ 89 (-25.21%)
Mutual labels:  gulp, gulp-plugin
Gulp Pug
Gulp plugin for compiling Pug templates
Stars: ✭ 512 (+330.25%)
Mutual labels:  gulp, gulp-plugin
Gulp Modernizr
Gulp wrapper for custom Modernizr builds
Stars: ✭ 111 (-6.72%)
Mutual labels:  gulp, gulp-plugin
Gulp Shell
A handy command line interface for gulp
Stars: ✭ 474 (+298.32%)
Mutual labels:  gulp, gulp-plugin
Dough
React/Redux + SASS + Gulp/Browserify/Babel skeleton codebase with demo application.
Stars: ✭ 38 (-68.07%)
Mutual labels:  gulp, browserify
Gulp Tutorial
Code examples for my Gulp.js tutorial series
Stars: ✭ 383 (+221.85%)
Mutual labels:  gulp, browserify
Generator Dhboilerplate
Boilerplate made by David Hellmann
Stars: ✭ 54 (-54.62%)
Mutual labels:  gulp, browserify
gulp-convert-encoding
Plugin for gulp to convert files from one encoding to another.
Stars: ✭ 15 (-87.39%)
Mutual labels:  gulp, gulp-plugin
generator-phaser-browserify
A generator for Phaser using Gulp and Browserify
Stars: ✭ 36 (-69.75%)
Mutual labels:  gulp, browserify
Gulp Plugin Boilerplate
Boilerplate to kickstart creating Gulp plugins
Stars: ✭ 74 (-37.82%)
Mutual labels:  gulp, gulp-plugin
Gulp Ftp
[DEPRECATED] Upload files to an FTP-server
Stars: ✭ 100 (-15.97%)
Mutual labels:  gulp, gulp-plugin

Gulp Bro

gulp + browserify + incremental build, done right.

Build Status Coverage Dependencies Maintained


👋 Hey there, this repository is not maintained anymore. I unfortunately don't have enough bandwidth to maintain it. If you are interested in becoming a contributor and help keeping the boat afloat, please let me know by opening an issue.


Even through gulp has recipes to make things work, configuring browserify needs too much boilerplate and understanding about how things work. gulp-bro looks like any other gulp plugin, it does the exact same thing you can do manually, but hides the ugly stuff for you.

It also support incremental build out of the box, so you don't have to mess with watchify again.

Install

npm install --save-dev gulp-bro

Usage

Simple build

gulp.task('build', () =>
  gulp.src('app.js')
    .pipe(bro())
    .pipe(gulp.dest('dist'))
)

gulp.watch('*.js', ['build'])

Subsequent calls to build will be fast thanks to incremental build.

Browserify transforms

gulp.task('build', () =>
  gulp.src('app.js')
    .pipe(bro({
      transform: [
        babelify.configure({ presets: ['es2015'] }),
        [ 'uglifyify', { global: true } ]
      ]
    }))
    .pipe(gulp.dest('dist')
)

Multiple bundles

gulp.task('build', () =>
  gulp.src('*.js')
    .pipe(bro())
    .pipe(gulp.dest('dist'))
)

API

bro([options], [callback])

options {object}

Except error, options are directly passed to browserify. So you can use bro as if you were using browerify. Here is a list of all available options.

error {'emit'|function}

Another pitfall of using browerify manually was that error reporting had to be done manually too or you ended up with a huge callstack and a crashed process. By default, bro reports nicely formatted errors:

You can customize things in 2 ways:

  • Set emit which will cause bro to emit the error, so you can catch it with on('error').
  • Set a callback that will handle the error.

FAQ

What is incremental build?

If you use vanilla browserify with gulp, you end up with long compile times if you watch for changes. The reason is that each time a new browserify instance is created and has to parse and compile the whole bundle. Even if only one file has changed, the whole bundle is processed.

Usually you use watchify to improve this, and only recompile files that have changed. The only problem with watchify is that it monitors file changes on its own and needs a lot of boilerplate to integrate with gulp, precisely because of this.

gulp already provide a file watch mechanism that we can use out of the box. bro caches already compiled files and only recompile changes. So you can call repeatedly bro with optimal compile times.

Contributors

Generated with contributors-faces.

License

MIT © Nicolas Gryman

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected]