レールアセットパイプラインを動作させることはできませんか？

Question

私はいくつかのcssとjsのプラグインのテンプレート、 とレールでアプリを開発しています。デフォルトでは、jsとcssファイルをjavascriptとcssフォルダに分割する必要がありますか？

私のプラグインのフォルダ構造はかなり複雑なので、すべてのアセット（css、js、images、fonts）をフォルダに入れることに決めました。プロダクションモード、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"); 

私はそれを交換する必要がありますか？それは生産と開発のモードで動作します。

多くのおかげで....

Answer 1

<%= 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）。