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