Rails 3.1と画像アセット

adminテーマのすべての画像を、adminというフォルダー内のアセットフォルダーに配置しました。次に、通常のようにリンクします。

# Ruby    
image_tag "admin/file.jpg" .....
#CSS
.logo{ background:url('/assets/images/admin/logo.png');

ご参考までに。テストのためだけに、アセットをコンパイルしていないので、asset_pathタグ​​はまだ使用していません。

これまでのところ、画像の更新を決定するまでは問題ありません。一部の色を置き換えましたが、再読み込み時に新しいスタイルの画像が表示されません。ブラウザで直接画像を表示すると、まだ古い画像が表示されています。さらに一歩進んで、管理イメージフォルダーを破棄しました。しかし、すべての画像がまだ表示されているのに問題はありません。そして、はい、キャッシュをクリアして、複数のブラウザで試しました。

何らかの画像キャッシングが行われていますか？これは、powを使用してページを提供するローカル開発です。

画像フォルダ全体を破棄しても、画像は引き続き提供されます。

何か不足していますか？

3.1では、パスの「イメージ」の部分を取り除くだけです。したがって、/assets/images/example.png実際に存在する画像は、このURLのgetリクエストで実際にアクセスできます-/assets/example.png

assets/imagesフォルダーは新しい3.1アプリと一緒に生成されるため、これはおそらくユーザーが従うべき規則です。私image_tagはそれがそれを探す場所だと思いますが、私はまだそれをテストしていません。

また、RailsConfの基調講演の中で、D2hはpublic folder、ほとんどエラーページとファビコンだけではなく、もうほとんど必要ないことを言ったのを覚えています。

あなたはからあなたのCSSファイルの拡張子を変更したいと思う.css.scssの.css.scss.erbと実行します。

background-image:url(<%=asset_path "admin/logo.png"%>);

変更を確認するには、「ハードリフレッシュ」を行う必要がある場合があります。OSXブラウザではCMD + SHIFT + R。

本番環境では、

rm -rf public/assets    
bundle exec rake assets:precompile RAILS_ENV=production

展開時に発生します。

価値があるのは、これを行ったときに、cssファイルのパスにフォルダーを含めてはならないことです。たとえば、私が持っている場合app/assets/images/example.png、これをcssファイルに入れます...

div.example { background: url('example.png'); }

...そして、どういうわけかそれは魔法のように動作します。これrake assets:precompileは、すべてのロードパスからすべてを吸い取り、ジャンクドロワーフォルダーにダンプするタスクを実行することでわかりましたpublic/assets。皮肉なことに、IMO ...

いずれにせよ、これはフォルダーパスを配置する必要がないことを意味します。アセットフォルダー内のすべてのものがすべて1つの巨大なディレクトリに配置されます。このシステムがファイル名の競合をどのように解決するかは不明ですが、注意が必要な場合があります。

この大きな変更のためのドキュメントは他にはありません。

rails 4では、cssおよびsassヘルパーのimage-urlを使用できるようになりました。

div.logo {background-image: image-url("logo.png");}

背景画像が表示されない場合は、スタイルシートで背景画像をどのように参照しているかを確認してください。

CSSまたはIMGタグで画像を参照する場合は、image-name.jpgを使用します

画像は実際には./assets/images/image-name.jpgの下にあります

http://railscasts.com/episodes/279-understanding-the-asset-pipeline

このRailscast（アセットパイプラインに関するRailsチュートリアルビデオ）は、アセットパイプラインのパスについても説明するのに役立ちます。とても便利だと思って、実際に数回見ました。

私が選んだソリューションは上記の@Lee McAlillyですが、このRailscastはそれが機能する理由を理解するのに役立ちました。それが役に立てば幸い！

Railsのアセットパイプラインは、まさにこのための方法を提供します。

image_path（ 'image filename'）をcssまたはscssファイルに追加するだけで、railsがすべてを処理します。例えば：

.logo{ background:url(image_path('admin/logo.png'));

（これは.erbビューと同じように機能し、パスで「/ assets」または「/ assets / images」を使用しないことに注意してください）

Railsは他のヘルパーメソッドも提供しており、ここに別の答えがあります：Rails 3.1を使用しているときにSassで参照イメージを使用するには