RailsのCSSにbackground-imageを指定したい。

Question

前提・実現したいこと

Ruby on Rails で background-imageを指定したいです。
application.scssを以下のように指定したのですが、うまく表示されません。

.hero {
  background: image-url('top.jpg');
  min-height: 100vh;
  width: 100%;
}

viewは以下のようになってます。

<div class="hero"></div>

試したこと

インラインで、styleを以下のように記述しても、うまくいきませんでした。

<div class="hero" style="background-image: url("<%= asset_path("top.png") %>");">

</div>

試しに、image_tagメソッドで、viewに表示されるかやってみたら、imgタグで正常に表示されました。

<div class="hero">
<%= image_tag 'top.jpg' %>
</div>

補足情報（FW/ツールのバージョンなど）

macOS 10.14.6
Rails 5.2.3
Ruby 2.6.2

###参考にしたサイト
アセットパイプライン - Rails ガイド
Railsでbackground-image(背景画像)を設定する

Answer 1

image-url('top.jpg');　を
image-url(<%= asset_path('top.jpg') %>);
とし、
application.scssapplication.scss を　application.scss.erb　にしてみて下さい
<%= %>　という書き方は erb のものなので。
ただ
application.scss.erb はなんか気持ち悪いので、動くの確認したら外だしして、とり込む方がなんとなく安心します。