このナンセンスなデータ URI 全体はすぐに古くなってしまいますが、それまでは、少なくとも 1 周は流行に乗ります。
そのため、リモート ロケーションの代わりにデータ URI を使用するように更新したい CSS ファイルがあります。少しの PHP と正規表現を使用してプログラムでこれを行うことができると考えていました。以前に見たデータ URI リダイレクトのアイデアほど巧妙で透過的ではありませんが、将来修正するためのプッシュ ボタン「再構築」オプションを提供します。ファイルまたは更新。しかし、メンタルブロックにぶち当たりました。これがアイデアです：
Fix-URI スクリプトは、適切な場所に保存されているすべての css ファイルをトラバースし、次のパターンを grep します
url(".*")(後であいまいさが追加されます)スクリプトは、ファイルがローカルで存在することを確認し、コンテンツをデータ uri に噛み込みます
スクリプトは、見つかった url を新しいデータ uri に置き換えます。
完了すると、スクリプトは更新されたファイルなどを保存します。
しかし、もちろん、これは一度しか機能しないことに気づきました。その後、URLはすでにデータuriになります。「data:」のチェックを追加することはできますが、私にとっての本当のジレンマは次のとおりです。データ uri が最新であることをどのように知ることができますか? 「icon-xyz.png」を光沢のあるより良いものに置き換えると、各データ uri を毎回チェックする必要があるだけでなく、元のファイル名と比較する必要があり、これは標準属性ではありません。現在のデータ uri の一部。
私が望んでいないのは、php 変数を使用した動的な css ファイルです。また、正規表現の馬が納屋の外にある場合でも、ソリューションをできるだけ抽象化したままにしたいと思います。
1 つ考えられたのは、変換された画像を単純に削除するか、少なくとも「変換された」ディレクトリに移動することでした。このようにして、更新されたバージョンまたはプレーン URL をまだ使用している新しい画像をすぐに見つけることができます。次に、変換済みの古いバージョンのイメージをデータマジックで変換し、grep して、見つかった場所を新しいファイルに置き換えることができます。
しかし、必要以上に複雑にしてしまい、明白で便利なものが欠けているのではないかと心配しています。
クイックアップデート
可能な限り抽象化することには、ファイル名を反映するための css コメントや新しいプロパティの上のコメントアウトされたプロパティなどの解決策を回避するか、少なくとも抵抗することが含まれます。