zoukankan      html  css  js  c++  java
  • 已有项目使用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;
  • 相关阅读:
    Bootstrap 网页1
    Bootstrap 网页实例
    Bootstrap 警告框
    Bootstrap 表格
    Bootstrap 小功能
    【BZOJ1706】[usaco2007 Nov]relays 奶牛接力跑 矩阵乘法
    【BZOJ3669】[Noi2014]魔法森林 LCT
    【BZOJ2049,2631,3282,1180】LCT模板四连A
    【BZOJ4071】[Apio2015]巴邻旁之桥 Treap
    【BZOJ1009】[HNOI2008]GT考试 next数组+矩阵乘法
  • 原文地址:https://www.cnblogs.com/zs-note/p/7063747.html
Copyright © 2011-2022 走看看