type:any

【プチ解決】sass-rails環境に組み込むnode-sass環境のSCSSをローカルと納品後で差異を吸収する(image-url)

{ category: "Front-end" }

いまsass-rails環境に納品するものを作っているのですが、ローカル環境は普通のnode-sassでやっています(nodeなのは先方の環境 = sass-railsがDart Sass対応してないため)。image-urlを先方の環境で使っているそうなので、ローカルでは背景画像が見れない…となったのですが、こういう時はプチ解決ですがimage-urlというfunctionを作ればいけますね。

@function image-url($path) {
  @return url("/assets/img/#{$path}");
}

上記コード、納品時は消す必要があります。ほんとにくだらない問題解決ですが、こういった工夫をするのは楽しいですね。