

追記：  
すみません。お恥ずかしいのですが、アセット周りを試し終えた結果、根本的にHTMLにミスがあることに気づきました。

* * *

**app/assets/images/hoge.png** を置きました。

拡張子が`.css.scss`のファイルに、

[code]

    background-image: image-url('hoge.png');
    
[/code]

と記述し、ChromeのDeveloper Toolsで確認したところ

[code]

    background-image: url(/assets/hoge-5c6df45c1cb3ef12bc11fb1dae8261db9737b142d46985f6a44ed1c0fbd62831.png);
    
[/code]

と **/assets/hoge-フィンガープリント.png** という形になっており  
フィンガープリントが付与されたファイル名の画像がそもそもないので取得できないのかと思いましたが、本来欲しいのは、
**app/assets/images/** ディレクトリなので **images/** が足りないと思い、

[code]

    background-image: image-url('images/hoge.png');
    
[/code]

と書き換えたところ、今度はフィンガープリントが付与されず、加えて、 **images/** が2つも入ってしまいました。

[code]

    background-image: url(/images/images/hoge.png);
    
[/code]

仕方がないので、 **app/assets/hoge.png** にも同様にファイルを置いてみましたが、同様に表示されません。

そもそも`.css.scss`ファイルもDeveloper
Toolsで確認したところフィンガープリントが付与されたCSSファイルに変換されているようで、変換されたものをlinkタグでアクセスしにいっているようです(このCSSファイルはうまく読み込めている模様。なぜなら`background-
color`を試しに指定したとき色はついたので)。

[code]

    <link rel="stylesheet" media="all" href="foobar.self-3ca83820f3dd876e282a5295e5e27e4de51ac6a62b5bb8812844fbef484ca67f.css?body=1" data-turbolinks-track="true" />
    
[/code]

正しいscssの書き方を教えて下さい。

* * *

追記：

**development.rb** を

[code]

    config.assets.debug = true
    config.assets.digest = false
    
[/code]

にしたところ、CSSやJSファイルへのダイジェストの付与はなくなりましたが、以前として、  
`background-image: url(/assets/hoge-ダイジェスト)`  
の状態でした。

**development.rb** を

[code]

    config.assets.debug = false
    config.assets.digest = false
    
[/code]

にすると、今まで **app/assets/stylesheets**
配下に置いていた`css.scss`ファイルが勝手にCSSへ変換され、その変換されたファイルへのlinkタグが自動でERBに挿入されていましたのですが、linkタグが生成されなくなり、そもそもCSSへアクセスできなくなりました。


CC BY-SA 3.0
2015-12-15T06:13:35.860
20010
2016-05-01T01:35:49.303
2016-02-01T00:47:17.193
5793
9008
question
ruby-on-rails
開発環境でもアセットファイル名にフィンガープリントが付与されるなどでうまく表示できない


development 環境で `ダイジェストをオフにする` を試してみてください

[アセットパイプライン | Rails
ガイド](http://railsguides.jp/asset_pipeline.html#%E3%83%80%E3%82%A4%E3%82%B8%E3%82%A7%E3%82%B9%E3%83%88%E3%82%92%E3%82%AA%E3%83%95%E3%81%AB%E3%81%99%E3%82%8B)


CC BY-SA 3.0
2015-12-15T06:45:17.293
20013
2015-12-15T06:45:17.293
7471
20010
answer