Skip to content

Instantly share code, notes, and snippets.

@lynndylanhurley
Last active August 29, 2015 14:15
Show Gist options
  • Save lynndylanhurley/85ff477b3f2c02e13947 to your computer and use it in GitHub Desktop.
Save lynndylanhurley/85ff477b3f2c02e13947 to your computer and use it in GitHub Desktop.
# steps to build
### init ###
0. delete dir
- https://github.com/gruntjs/grunt-contrib-clean
### sprites ###
1. create spritemap, stylus / sass for spritemap
- https://github.com/bguiz/broccoli-sprite
### transpile ###
2. init sourecmaps
- https://github.com/myfreeweb/broccoli-source-map
# css
3. sass -> css
- https://github.com/joliss/broccoli-sass
- https://github.com/g13013/broccoli-compass
4. stylus -> css
- https://github.com/sindresorhus/broccoli-stylus
- https://github.com/gabrielgrant/broccoli-stylus-single
5. autoprefix
- https://github.com/sindresorhus/broccoli-autoprefixer
6. minify
- https://github.com/sindresorhus/broccoli-csso
# js
7. coffee -> js
- https://github.com/joliss/broccoli-coffee
7.1 annotate angular
- https://github.com/pgilad/broccoli-ng-annotate
# js templates
8. jade -> html
- https://github.com/sindresorhus/broccoli-jade
9. html -> js
- https://github.com/a-tarasyuk/broccoli-html2js
10. write sourcemaps
## spa index
# bower files
11. inject legacy vendor deps
12. inject modern vendor deps
13. inject remaining vendor deps
- https://github.com/ck86/main-bower-files
- https://github.com/timmywil/grunt-bowercopy
- https://github.com/curist/grunt-bower
# app files
14. order app files
15. inject app files
- https://github.com/miensol/grunt-concat-in-order
# static files
16. flatten, copy swfs
17. flatten, copy fonts
18. copy xd proxy
- https://github.com/H1D/broccoli-flatten
### optimize for deploy ###
19. png crush
- https://github.com/xulai/broccoli-imagemin
20. useref / usemin (merge assets into groups specified by index)
- https://github.com/yeoman/grunt-usemin
21. uglify js
- https://github.com/joliss/broccoli-uglify-js
22. cache-bust assets, write new names to assets
- https://github.com/rickharrison/broccoli-asset-rev
- https://github.com/moudy/broccoli-fingerprint
23. prefix asset links with CDN url
- https://github.com/callumlocke/grunt-cdnify
24. push assets to s3
- https://github.com/MathieuLoutre/grunt-aws-s3
### push to heroku ###
25. push env settings to heroku app
26. create new branch (save ref to current branch)
27. set node config for current env
28. commit to ephemoral branch
29. push to heroku
30. checkout original branch
31. delete ephemoral branch
32, delete build directory
- https://github.com/sindresorhus/grunt-shell
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment