【问题标题】:can't make rails assets pipeline to works?不能让 Rails 资产管道正常工作吗?
【发布时间】:2016-09-27 15:41:44
【问题描述】:

我正在使用一些 css 和 js 插件模板在 Rails 中开发应用程序, 默认情况下,我们应该将 js 和 css 文件分开到 javascript 和 css 文件夹中,对吗?

但问题是我的插件文件夹结构相当复杂, 有很多子文件夹,所以我决定将所有资产(css、js、图像、字体)放入一个文件夹中,问题是一切都无法在生产模式下运行,css 样式、脚本、图像都没有加载,拜托帮助。

这是我的结构:

javascripts
stylesheets
public_assets
  - img
    - icon
    - bg
    - favicon
    - images
      - proteam
    - png
      - ualanding
    - portofolio
      - fullsize
      - thumbnail
  - font
  - css
  - js
  - sass
  - vendor
    - ninja-slider
    - bootstrap
      - font
      - css
      - js
    - font awesome 
      - css
      - fonts
      - less
      - scss
    - jquery
    - magnific-popup
    - scroolreveal
  - vid
images
Static_Dev

仅供参考,我已经运行了

rake 资产:预编译

命令

我参考我的图片大多是这样的:

<img alt="UrbanAce" src="assets/img/logo.png" height="24">

我相信当我在生产模式下运行时,资产路径发生了变化,所以我将图像标签更改为:

<%= image_tag "logo.png", { src: "logo.png", height: "24"} %>

即使在开发模式下,上面的代码也不起作用。

另外,如果我需要从 css 调用一些背景图像怎么办? 类似的东西:

 .hero {
  background-image: url("../img/png/UA-Landing/UA-Pattern.png");
  background-repeat: repeat-x;
  background-position: 0 76px;
  height: 280px;
}

我这样称呼字体:

@font-face{font-family:FreightSansPro;src:url(../font/FreightSansPro-Light.otf) format("opentype");

我应该如何替换它?所以它将在生产和开发模式下工作。

非常感谢....

【问题讨论】:

    标签: ruby-on-rails ruby-on-rails-3 ruby-on-rails-4 sprockets


    【解决方案1】:
    <%= image_tag "logo.png", { src: "logo.png", height: "24"} %>
    

    您不需要设置src。第一个参数已经是一个文件名。改为这样做:

    <%= image_tag "logo.png", height: "24" %>
    

    如果app/assets/images/logo.png有文件,就会显示出来。

    要寻址另一个文件(例如,favicon),请使用如下路径:

    <%= image_tag "img/favicon.ico" %>
    

    这是文件的路径,减去顶级文件夹(本例中为public_assets)。

    【讨论】:

    • 您好,我尝试了您的解决方案, 仍然无法正常工作,生产模式下缺少图像,但正在开发中。
    • 我需要在环境或应用程序rb中配置一些东西吗?
    • 您在生产中获得的该图像的 src 是什么?
    • 类似 src="/assets/img/logo-1ce59ff71a9b947be591324300ccb9472e958b086b26e39e1123d96c4f95a08b.png" 我在 public/img 文件夹下检查过,我可以找到具有该名称的图像。不知何故,它现在可以通过图像标签工作?
    猜你喜欢
    • 1970-01-01
    • 2017-10-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多