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

2010-08-02

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

文章分类:Ruby编程

推荐一个gem jammit
官方hub

安装

gem install jammit

gem install jammit

#environment.rb
config.gem "jammit"

#environment.rb
config.gem "jammit"

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

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

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

配置

#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

#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

使用

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

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

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

＃ ApplicationController

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

＃ ApplicationController

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

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