Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Broccoli

2,667 views

Published on

Published in: Business, Technology
  • Be the first to comment

Broccoli

  1. 1. Broccoli EmberConf 2014
  2. 2. @jo_liss
  3. 3. Background
  4. 4. packages: Bower
  5. 5. build tool: ??? packages: Bower
  6. 6. grunt watch
  7. 7. .coffee .scss concat minify .handlebars
  8. 8. ...
  9. 9. 10 sec
  10. 10. O_O
  11. 11. Broccoli
  12. 12. 3 parts will not talk about design choices
  13. 13. PART 1 build definitions: Brocfile.js current syntax will change slightly
  14. 14. yay vaporware :p
  15. 15. editor time
  16. 16. PART 2 plugin API
  17. 17. Broccoli only knows trees tree of files string or obj
  18. 18. { read: function() { ... }, cleanup: function() { ... } }
  19. 19. tree.read() must return a directory
  20. 20. .read() .read() .read() .cleanup()
  21. 21. tiny API big helper packages
  22. 22. broccoli-transform for 1 input tree
  23. 23. broccoli-transform: transform = function(srcDir, destDir)
  24. 24. broccoli-filter for 1:1 file relationships on top of broccoli- transform e.g. CoffeeScript
  25. 25. broccoli-filter: processString = function (string) { return newString }
  26. 26. broccoli-filter has cache :)
  27. 27. doesn’t work for Sass
  28. 28. PART 3 integration
  29. 29. Broccoli is a small library
  30. 30. Broccoli <3 Grunt
  31. 31. grunt-broccoli
  32. 32. Integrate with backends
  33. 33. Pairing anyone?
  34. 34. joliss42@gmail.com Blog post about design: bit.ly/broccoli-announcement @jo_liss

×