sass - ヨーマンCSS画像パス

Question

Yeomanプロジェクトをビルドするとき（特別なことは何もありません。jQueryとModernizrのみを使用しています）、CSSで使用される画像は表示されません。

私のCSSコード

.contact {
    background:url(../icon-contact.png) no-repeat top center;
}

アプリ構築後の出力（違いなし）

.contact {background:url(../icon-contact.png) no-repeat top center;}

icon-contact.pngのファイル名がf91724e0.icon-contact.pngに変更されたため、これは機能しません。

縮小されたCSSファイルで画像パスが更新されていることを確認するにはどうすればよいですか？

編集：私は答えとして私の解決策を追加しました

score 8 · Accepted Answer

useminタスクのに追加<%= yeoman.dist %>/imagesすることでこれを修正できます。http://www.github.com/yeoman/yeoman/issues/824#issuecomment-32691465assetsDirsを参照してください

「usemin：css」という名前の問題があり、この特定の問題についてGitHubの相対URLの正しい画像パスが生成されません。Tak TranはYeomanのブランチを作成し、修正を実装しました。

これが、現在のYeomanインストールを削除し、TakTranの分岐バージョンをインストールした方法です。

npm uninstall yeoman -g
git clone git://github.com/taktran/yeoman.git
cd yeoman/cli
npm install -g
npm link

この修正により、YeomanはCSSの相対的な画像パスの名前を変更し、私の質問に答えます。助けてくれてありがとう！

score 0 · Accepted Answer

参照が処理されるように、タスクGruntFile.jsを適応させる必要があります。usemin

// update references in HTML/CSS to revved files
    usemin: {
      html: ['**/*.html'],
      css: ['**/*.css']
    },

このタスク構成があるかどうかを確認してください。

2 に答える 2