No more `grunt watch`: Modern build workflows with Broccoli

on YouTube ↗33m

" summary

Broccoli is a small JavaScript build library that wires plugins into a tree pipeline: concatenate with a concat plugin, compile CoffeeScript and Sass, optionally uglify for production, and merge outputs into /assets; ember-cli is the opinionated Broccoli-based stack that scaffolds defaults. Broccoli relies on a broccoli-filter cache so most rebuilds stay fast (aiming for sub-second rebuilds); Windows file-I/O races block full support and asset fingerprinting and URL rewriting remain unresolved integration problems.

AI-written summary · about

" chapters (10)

1. 0:00Broccoli introduction
2. 0:42Motivation behind creating Broccoli
3. 3:14Grunt and workflow problems
4. 5:00Talk goals and structure
5. 6:30Broccoli build definition
6. 11:53CoffeeScript and minification
7. 12:14Broccoli plugin API
8. 15:49Plugin caching and performance
9. 19:47Broccoli as a library
10. 22:59Q&A

" related talks

• 29mManaging a Large Front-End Project with Automated Build ToolsKassandra Perch · HTML5.tx Texas 2013
• 45mFront-End Workflows with GulpBermon Painter · FITC Web Unleashed 2014
• 51mGrunt JavaScript Automation for the Lazy DeveloperDirk Ginader · HTML5DevConf 2013
• 36mGrow Up With GruntBen Alman · jQuery Conference 2012 San Francisco
• 44mNode & Express as Workflow ToolsTopher Bullock · Spotlight: MEAN Stack 2014
• 26mGrunt your Way to GloryShaun Dunne · Side View 2013
• 26mBundlers a deep dive into modern JavaScript build toolsEdoardo Dusi · Devworld Conference 2025
• 23mBuild Systems The Next GenerationEric Schoffstall · MountainWest JavaScript 2014