Rails gem 打包css javascript 提升网站性能 jammit 简介

Rails gem 打包css javascript 提升网站性能 jammit 简介

2010 - 08 - 02

Rails gem 打包css javascript 提升网站性能 jammit 简介

文章分类:Ruby编程

推荐一个gem jammit
官方hub

安装

Ruby代码

1. gem install jammit  

gem install jammit

Ruby代码

1. #environment.rb  
2. config.gem "jammit"  

#environment.rb
config.gem "jammit"

Rails2 需要修改config/routes.rb添加路径，Rails 可不用

Ruby代码

1. ActionController::Routing::Routes.draw do |map|  
2.   ...  
3.   Jammit::Routes.draw(map)  
4.   ...  
5. end  

ActionController::Routing::Routes.draw do |map|
  ...
  Jammit::Routes.draw(map)
  ...
end

配置

Ruby代码

1. #config/assets.yml   
2. embed_assets: on  
3.   
4. rubyscripts:  
5.   workspace:  
6.     - public/rubyscripts/vendor/jquery.js  
7.     - public/rubyscripts/lib/*.js  
8.     - public/rubyscripts/views/**/*.js  
9.     - app/views/workspace/*.jst  
10.   
11. stylesheets:  
12.   common:  
13.     - public/stylesheets/reset.css  
14.     - public/stylesheets/widgets/*.css  
15.   workspace:  
16.     - public/stylesheets/pages/workspace.css  
17.   empty:  
18.     - public/stylesheets/pages/empty.css  

#config/assets.yml 
embed_assets: on

rubyscripts:
  workspace:
    - public/rubyscripts/vendor/jquery.js
    - public/rubyscripts/lib/*.js
    - public/rubyscripts/views/**/*.js
    - app/views/workspace/*.jst

stylesheets:
  common:
    - public/stylesheets/reset.css
    - public/stylesheets/widgets/*.css
  workspace:
    - public/stylesheets/pages/workspace.css
  empty:
    - public/stylesheets/pages/empty.css

使用

Ruby代码

1. <%= include_stylesheets :common, :workspace, :media => 'all' %>  
2. <%= include_rubyscripts :workspace %>  

<%= include_stylesheets :common, :workspace, :media => 'all' %>
<%= include_rubyscripts :workspace %>

如果是开发环境，不想重启加载

Ruby代码

1. ＃ ApplicationController  
2.   
3. before_filter { Jammit.packager.precache_all } if Rails.env.development?  

＃ ApplicationController

before_filter { Jammit.packager.precache_all } if Rails.env.development?

还有一些不错的配置，可以参照使用。   

posted on 2010-12-21 19:33  lexus 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/lexus/archive/2010/12/21/1913064.html