sass - Scout でカスタムイメージパスを設定する

Question

Windows 7 で Scout アプリを使用して、SASS/Compass を簡単に操作しています。Scout が使用する必要がある画像パスをカスタマイズしようとして、信じられないほど面倒な経験をしています。

Scount 構成 UI には、実際にイメージパスを設定するフィールドが用意されているので、次のように設定します。

c:\myproject\img

次に、.SCSS ファイルで次のようなルールを使用します。

@include background(image-url("bg_skin.png"));

これは、次のような画像パスを持つ CSS にコンパイルされます。

/images/img/bg_skin.png

これは明らかに私の画像パスを壊します。パスを設定するオプションが与えられた後、とにかく完全に却下される理由について、ここでロジックが欠落していると思います。

より多くのユーザーがこの問題を抱えているように思われるため、更新プログラムがリリースされました。

この更新により、カスタム構成ファイルを作成してパスなどを設定し、それを使用できるようになります。そこで、そのファイルを作成し、Scout にそれを使用するように指示しました。

images_dir = "../img"

これは、次のように CSS の画像パスにコンパイルされます。

/../img/bg_skin.png

先頭のスラッシュに注意してください。再び、ユーザーが構成したパスが却下され、再びパスが壊れます。私がやりたいことは、Scout に「img」ディレクトリを使用するように指示することだけです。これは私を狂わせます。

score 0 · Accepted Answer

本当に相対パスを取得したい場合は、に追加する必要がありrelative_assets = trueますconfig.rb。以下を使用して新しいプロジェクトを作成すると、そのファイルにすべて記述されますcompass create。

# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

sass - Scout でカスタム イメージ パスを設定する