Presentation given at Code Fellows on Broccoli.js. A Browser compilation library – a build tool for applications that run in the browser.

1. Broccolijs
A build tool for the web
John Fahey

2. What is Broccoli?
- A fast build tool that helps you compile all your files.
- caches already built files
- Similar to the Rails Asset Pipeline
( but not tied to Ruby or Rails )
- It is backend agnostic.
- Runs in Node
- Ember CLI uses broccoli for asset compilation

4. But I already use Grunt...
- As you add more and more files it gets slower
- Every time you edit a file it can take 15 to 20 seconds
- Broccoli only rebuilds the files you edit
- It takes care of the build task for Grunt
- Broccoli will get that to under 0.5 seconds

5. So it’s fast

6. Setup with Grunt
- Brocfile.js contains the build specifications.
- It should reside in your root directory

7. Setup
Brocfile.js

8. Setup
Gruntfile.js

9. Wait there’s moar
Plugins you should checkout:
broccoli-tempate
broccoli-uglify-js
broccoli-sass
broccoli-bower
broccoli-ng-min
broccoli-env
search npm for more broccoli plugins

10. Thanks!
John Fahey
faheydesign@gmail.com