【Rails６】Railsで背景画像を設定する方法【CSS】

地味にいつも忘れる＆意外と正しい情報にたどり着くのに時間がかかったので、忘れないように備忘録として残しておきたい思います！
##Railsで背景画像を設定する方法①
画像ファイルをapp/assets/images配下に配置して以下のように記述するだけです。

custom.scss

.background {
  background-image: image-url('haikei_image.jpg');
}

こちらは直感的にかけるので僕はこっちが好きですね。

##Railsで背景画像を設定する方法②
こちらも同じように画像ファイルをapp/assets/images配下に配置して以下のように記述します。
①と違うのはファイル名をcustom.scss.erbとして、拡張子に.erbを付けることです。

custom.scss.erb

.background {
  background-image: url("<%= asset_path('haikei_image.jpg') %>");
}

こちらでもうまくいったので最初はこちらを使っていたのですが、すぐやめて別の方法を探す羽目になりました。
この場合、当然erbファイルとしてエディターに認識されてしまうので、CSSを書くときに補完機能がなくなってしまいます。かなりめんどくさいなと思いましたｗ
何か対策方法があれば、コメントいただけると嬉しいです！

##【番外編】うまくいかなかった方法

public/imagesに画像を配置し、

background-image: url('/images/haikei_image.jpg');

と書く方法もあるようですが、これではうまく反映されず地味に時間食いました。
consoleでリロードエラーみたいなのがでます。。

##最後まで読んでいただきありがとうございます！
こんな感じで毎日学習したことをアウトプットしています！少しでもお役に立てれば幸いです。ご指摘や感想などあればコメントいただけると嬉しいです！