2016-09-26 41 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是什麼? –