まったく同じスプライト イメージを使用した宣言を含む、通常のファイルと部分 .sassファイルの両方がある場合があります。これは、メイン ファイルと後続のすべての部分ファイルで使用できるため、スタンドアロンで簡単に使用できます。@includesass@import icons/*.png@include icons-sprite
問題はsass-rails、同じことができないことです。
Rails パイプラインは、相互に変数を共有できない方法で sass ファイルをコンパイルしているようです。そのため、スプライトの@import宣言は、それが宣言されているファイルのスコープでのみ使用可能になります。
ただし、@import icons/*.png必要なすべての場所で、Rails が同じ画像に対して別の上書きされたスプライト ファイルを生成するため、最終的なスタイルシートのbackground-image宣言でファイル名が失われます。
私はこれを解決してきましたsassが、同じ import 宣言が必要な場合はパーシャルをスキップし、それらを 1 つの大きなスタイルシート ファイルにブレンドしています。
誰かが共有できれば、この問題に対するより良いアプローチがあるかどうか疑問に思います...
ありがとうございました。