已有项目使用Asset Pipeline管理静态资源

1.    修改项目中指向静态资源文件的链接

a) 访问静态资源文件
<%= stylesheet_link_tag "application", media: "all" %>
<%= javascript_include_tag "application" %>
<%= image_tag "icons/rails.png" %>
b) CSS 和 ERB

只要给 CSS 文件添加 .erb 扩展名(例如 application.css.erb),就可以在 CSS 规则中使用 asset_path 等辅助方法。

.class { background-image: url(<%= asset_path 'image.png' %>) }
c) CSS 和 Sass

在使用 Asset Pipeline 时,静态资源文件的路径都必须重写

image-url("rails.png") #回报 url(/assets/rails.png)
image-path("rails.png") #回报 "/assets/rails.png"

也可以使用更通用的形式:

asset-url("rails.png") #回报 url(/assets/rails.png)
asset-path("rails.png")# 回报 "/assets/rails.png"
d)  JavaScript/CoffeeScript 和 ERB
$('#logo').attr({ src: "<%= asset_path('logo.png') %>" });

2. 预编译

a)  预处理命令
rake assets:precompile

执行后项目public下生成asset目录,所有经过预编译处理的静态文件存放在这里。

Rails服务默认不做静态资源管理,如果需要可以将config/environments/下生产环境配置文件production.rb中的config.serve_static_assets设置为true,也可以交给Web服务器(nginx)处理。

config.serve_static_assets = true
b)  app/asset目录如下

 

c)  Public下asset目录如下

  

3.  启动生产环境

启动命令:

rails s –e production

Nginx配置:

rails_env production;

转载于:https://www.cnblogs.com/zs-note/p/7063747.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值