2016-09-26 159 views
0

我正在开发一个应用程序在与一些CSS和JS插件模板, 在默认情况下,我们应该分开或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 

FYI我已经运行

耙资产:预编译

命令

我引用我的图片大多是这样的:

<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"); 

我应该怎么更换呢?所以它将在生产和开发模式下工作。

许多感谢....

回答

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

设置src你不需要。第一个参数是一个文件名。做到这一点,而不是:

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

如果在app/assets/images/logo.png一个文件,它就会显示出来。

为了解决另一个文件(比如图标),使用路径是这样的:

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

这是该文件的路径,减去最高级别文件夹(public_assets在这个例子中)。

+0

你好,我试过你的解决方案,<%= image_tag“img/logo.png”%>仍然没有工作,图像在生产模式上缺失,但它在开发上工作。 – NomNomNom

+0

我是否需要在环境或应用程序rb中配置某些内容? – NomNomNom

+0

你在制作中获得的图像的src是什么? –