Broccoli

2,004 views
1,871 views

Published on

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,004
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
22
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

×