Rails 3 assets pipeline

778 views

Published on

Rails 3 assets pipeline introducing

Published in: Education
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
778
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Rails 3 assets pipeline

  1. 1. Rails assets pipeline @ka8725суббота, 6 октября 12 г.
  2. 2. Objects • Css (SaSS) • Javascript (coffeescript) • Images • Fonts • other files...суббота, 6 октября 12 г.
  3. 3. Why? • Compressing up to 80%суббота, 6 октября 12 г.
  4. 4. Why? • Caching (with digests)суббота, 6 октября 12 г.
  5. 5. Assets folders • app/assets/ • lib/assets • vendor/assetsсуббота, 6 октября 12 г.
  6. 6. Assets folder structure • app/assets/ or lib/assets or vendor/assets • stylesheets • javascripts • images • your own folder (for example fonts)суббота, 6 октября 12 г.
  7. 7. Main files file1.js included application.js file2.jsсуббота, 6 октября 12 г.
  8. 8. application.js • //= require jquery • //= require jquery_ujs • //= reauire_tree .суббота, 6 октября 12 г.
  9. 9. Including assets to views • javascript_include_tag • stylesheet_include_tag • image_tag • asset_pathсуббота, 6 октября 12 г.
  10. 10. Examples • javascript_include_tag ‘application’ • stylesheet_include_tag ‘application’ • javascript_include_tag ‘my_file’ * Change config/environments/production.rb: config.assets.precompile += %w(my_file.js)суббота, 6 октября 12 г.
  11. 11. Gems for compressing • closure • uglifier (default) • yuiсуббота, 6 октября 12 г.
  12. 12. When compile? • Only in production mode • In development just make sure that: rake assets:precompile works • Always clean assets in development mode: rake assets:cleanсуббота, 6 октября 12 г.
  13. 13. Where? • Production server • Content Delivery Network (CDN) • Just other server (your own CDN)суббота, 6 октября 12 г.
  14. 14. Workflows: 1 • run rake assets:precompile in development mode • push compiled assets (/public/assets) to CDN • push your new code to the production serverсуббота, 6 октября 12 г.
  15. 15. Workflows: 2 • Push code to production server • Precompile assets on the server • Push assets to the CDNсуббота, 6 октября 12 г.
  16. 16. Production release structure CDN (Content Production server Delivery Network) Development machineсуббота, 6 октября 12 г.
  17. 17. Famous CDNs • Amazon S3 • Rackspaceсуббота, 6 октября 12 г.
  18. 18. Tools to pushing assets to CDN • asset_sync (we will use it) • jammit_s3 • othersсуббота, 6 октября 12 г.
  19. 19. Q/A? • http://github.com/ka8725 • http://twitter.com/@ka8725суббота, 6 октября 12 г.

×