納品デザインcssのimage urlをRailsに対応させるシェルスクリプト

Railsの場合、下記のような画像参照だと本番環境でうまく画像を表示させられません。

background-image: url(../img/ico_nurse.svg); }

下記のような一括変換をするシェルスクリプトを書いてみました。

-      background-image: url(../img/image.svg); }
+      background-image: image-url("image.svg"); }

シェルスクリプト

# background-image: url => background-image: image:url
sed -i 's/background-image: url/background-image: image-url/g' app/assets/stylesheets/common/css/list.css.scss
# ダブルクォーテーションで囲む
sed -i 's/..\/img\/.*.svg/"&"/g' app/assets/stylesheets/common/css/list.css.scss
# 相対参照部分を削除
sed -i 's/..\/img\///g' app/assets/stylesheets/common/css/list.css.scss
``