1

私はWindows8のローカルマシンで作業しています。XAMPPを使用しています。

スプライトを生成して、Compass＆Sassを使用したプロジェクトで使用しようとしています。画像フォルダにあるように、スプライトは正常に生成されますが、スプライトを使用しようとすると、スプライトに対して404エラーが発生します。

ローカルホストからイメージを取得しようとし続けます。http://localhost/images/cb-s2d817fe88b.png例えば。

しかし、私のプロジェクトはにあります。http://localhost/projectsこれが私のconfig.rbです。

http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"

そして、これが私のSCSSの例です。

@import "../images/cb/*.png";

.logo {
    @include cb-sprite('logo');
}

スプライトを正常に参照するにはどうすればよいですか？

4

2 に答える 2

0

私は同じ問題を抱えていました。問題は、変更を加えた後に構成ファイルが更新されていないことです。端末またはコマンドラインインターフェイスで実行できます

プロジェクトフォルダーにcdしてから、「compass config --force」を実行します。これにより、現在の構成ファイルが変更で上書きされ、修正されます。

また、この質問は数年前に開かれていることを認識しているため、回答が既に見つかっている場合は申し訳ありません.

ありがとうございました

于 2015-06-01T01:58:19.860 に答える
0

スプライト フォルダーへのパスを反映するように、コンパスのルート ディレクトリにあるファイルの を変更してみてくださいhttp_path。.config-rb

http_path = "/projects/"

それでもうまくいかない場合は../images/、インポートステートメントから削除してください。コンパスは、設定されているディレクトリをすでに探しているはずですimages_dir

注: コンパス フォルダーをアクティブに「監視」している場合は、この変更を反映させるためにフォルダーを開始および停止する必要があります。

最終的に、これに対する最善の解決策は、プロジェクトの仮想ホストとドメインを構成することです (そうすれば、ファイルをルート/相対にすることができます) が、これは迅速な修正になるはずです。

于 2013-01-15T18:48:04.913 に答える