1. RAILS ASSET PIPELINE
BY STEVE BUTTERWORTH

3. THE PROBLEM

4. OLD SKOOL
CONFIG/ENVIRONMENTS/PRODUCTION.RB
APP/VIEWS/LAYOUTS/APPLICATION.HTML.HAML
RESULTS IN...

5. JUST AIN’T GOOD ENOUGH
NO MINIMIFICATION
INACCURATE CACHE STAMP
NO ORGANIZATION

7. NU SKOOL
APP/ASSETS IS YOUR NEW HOME FOR CSS AND JS
EACH CONTROLLER HAS ITS OWN CSS AND JS FILE
PRE-PROCESS JS WITH ERB OR COFFEE-SCRIPT
PRE-PROCESS CSS WITH SASS, LESS OR ERB

8. PRO-PROCESSING
PRE-PROCESSOR DETERMINED BY FILE EXTENSION
CHAIN PRE-PROCESSORS

10. PRE-PROCESS CSS WITH SASS
SCSS SYNTAX GENERATED CSS

11. AS SIMPLE AS .... (ALMOST)
YOU CAN USE THE SAME TAG HELPERS

13. MANIFESTS
SPROCKETS MANIFEST APP/ASSETS/STYLESHEETS/APPLICATION.CSS
WHEN ORDER MATTERS

14. DEBUGGING ASSETS
http://localhost.....
http://localhost.....?debug_assets=true

15. CACHING
- File includes MD5 hash of compiled content
- 1 year max-age on cache-control header
action_controller.perform_caching = true

17. COMPILE OFFLINE

18. SQUEEZE IT, SQUEEZE IT MORE
COMPRESS STYLESHEETS (SCSS IS ONLY OPTION)
COMPRESS JAVASCRIPT (UGLIFIER, YUI, CLOSURE)

20. RESOURCES
HTTP://RAILSCASTS.COM/EPISODES/265-RAILS-3-1-OVERVIEW
HTTP://WWW.YOUTUBE.COM/WATCH?V=CGDCI2HHFAU
HTTP://GETSPROCKETS.ORG/
HTTP://RYANBIGG.COM/GUIDES/ASSET_PIPELINE.HTML