GulpとNode.jsを使用して、画像のフォルダーからスプライトを生成する概念実証を作成し、生成されたスプライトをバージョン管理して、キャッシュ無効化の目的で一意のファイル名を持つようにします。
https://www.npmjs.com/package/gulp-revを使用してスプライトをバージョン管理しています (これは機能します! ) が、画像への参照を含む CSS ファイルの更新に問題があります。この目的のために調べたツールがいくつかありますが、それらを機能させることができませんでした。私が見ている2つは次のとおりです。
https://github.com/jamesknelson/gulp-rev-replace
(それを理解できないことで完全に機能しているようです)
と..
https://github.com/galkinrost/gulp-rev-css-url
(動作しましたが、改訂された画像ファイルと更新された CSS の宛先を新しい画像名で分離できませんでした)
基本的に、すべての画像を取得してからgulp-image-versioning-poc/images/sprites/*.png
バージョンを取得し、結果の画像を入れて、gulp-image-versioning-poc/dist/
それらの画像への参照を更新しますgulp-image-versioning-poc/css/*.css
現在ここにあるものの簡単な例を作成しました。
https://github.com/olthof/gulp-image-versioning-poc
誰かがこの問題に取り組むのを手伝ってくれたら、とても感謝しています!!!