Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Chocolate-Covered Vegetables: Tasty Workflows with Broccoli

January 29, 2016

Chocolate-Covered Vegetables: Tasty Workflows with Broccoli

Arguably, one of the best trends in software is that building it requires less and less overhead. While once developers used punch cards to perform even the most basic of mathematical calculations, we can now make changes to live web sites in a browser and see the results instantly. In this session, you'll learn how to use Broccoli, a blazingly-fast new asset pipeline tool, to dramatically cut down the time it takes to build for the web. We'll also explore other tools and methods that work well with Broccoli, and build the web workflow you've always hungered for.


January 29, 2016

More Decks by timgthomas

Other Decks in Technology


  1. USING (NEW) PLUGINS var BroccoliSass = require('broccoli-sass'); var app =

    'app'; app = new BroccoliSass(app); module.exports = app;
  2. CHAINING PLUGINS var BroccoliCoffee = require('broccoli-coffee'), es6ify = require('broccoli-babel-transpiler'); var

    scripts = 'app'; scripts = new BroccoliCoffee(scripts); scripts = es6ify(scripts); module.exports = scripts;
  3. SPLITTING TREES var BroccoliMergeTrees = require('broccoli-merge-trees'); // JavaScript var scripts

    = 'app/scripts'; // CSS var styles = 'app/styles'; // Final Output module.exports = new BroccoliMergeTrees([ scripts, styles ]);
  4. BROCCOLI + REACT jsx compilation dependency lookup css preprocessing live

    reloading broccoli-babel-transpiler broccoli-browserify broccoli-sass broccoli-browser-sync › › › ›
  5. WHEN THINGS GO WRONG /tmp  /dist  /app 

    › › > broccoli build <folder>