データURIとCSSファイルのマージに関する問題

Mage_Core_Model_Design_Package（beforeMergeCss）のRegExが期待どおりに機能しないため、Magento CSSファイルのマージはホスト名を私のdata-urisに見せかけています。ホスト名を相対画像パスの前に付加する必要がありますが、データURIの前には付加しません。

$cssUrl = '/url\\(\\s*(?!data:)([^\\)\\s]+)\\s*\\)?/';
$contents = preg_replace_callback($cssUrl, array($this, '_cssMergerUrlCallback'), $contents);

CSSコード：

background: #fafafa url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;

マージ後の結果：

background: #fafafa url("http://shop12.dev/skin/frontend/shop/default/styles/data:image/svg+xml;base64")PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==") no-repeat;

これを回避するには？使用したRegExのシンタックスを修正する方法を見つけることができませんでした。（GIFを使用することは私にとって実際の解決策ではありません）

iphone.cssでは、magentoもデータURIを使用しますが、引用符なしで、同じことを実行してください

background: #fafafa url(data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==) no-repeat;

あなたの場合ではなく

/url\\(\\s*(?!data:)([^\\)\\s]+)\\s*\\)?/

あなたは使うべきです

/url\\(\\s*(?![\"\']?data:)([^)]+)\\)/

実際、この正規表現はより多くのケースをカバーしています

/url\\(\\s*(?![\"\']?data:)(?!\%)([^\\)\\s]+)\\s*\\)?/

特に、この最適化されたグラデーションのsvgデータ：http : //codepen.io/tigt/post/optimizing-svgs-in-data-uris

同じ問題（まだMagentoバージョン1.9.3.1に存在）なので、このバグを解決するためのモジュールを作成しました：https : //github.com/just-better/magento1-css-merge-data-uri-直す