• Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,251
On Slideshare
0
From Embeds
0
Number of Embeds
2

Actions

Shares
Downloads
20
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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