CSSを縮小したときの相対イメージURLの変更方法

Question

問題

私は大きなWebサイトを持っているので、私のCSSフォルダ構造はかなり深いものになります。どのCSSファイルでも、relative URLで要素の背景画像を設定できます。実動サーバーにリリースする前に、すべてのCSSファイルを縮小する必要があります。この縮小処理によって、相対URLの一部が破損する可能性があります。これは、フォルダ構造が効果的に平坦化されるためです。開発者は、開発コードと本番コードの間のこの不一致をどのように扱いますか？

例

これは私のフォルダ構造です：

開発時

image/ 
    article/ 
     brushStroke.jpg 
style/ 
    module/ 
     button.css 
    page/ 
     article/ 
      introToPainting.css 
    minified/ 
     style20130522.css 

、私はintroToPainting.cssにこのCSSルールを持っていることがあります。

#step1 { 
    background-image: url(../../../image/article/brushStroke.jpg); 
} 

のは、特定の上で言ってみましょう単純なページ、私は必要button.cssとintroToPa inting.css本番リリースでは、これらの2つのCSSファイルがstyle20130522.cssに縮小されます。縮小されたファイルがintroToPainting.cssと異なるフォルダの深さにあるので、へのパスbrushstroke.jpgが間違っています。

http://scs.veetle.com/soget/session-thumbnails/5363e222d2e10/0eaf8f26f193375f97b7deeabae97016/5363e222d2e10_0eaf8f26f193375f97b7deeabae97016_20140509184555_536d84d367530_74_896x672.jpg

http://scs.veetle.com/soget/session-thumbnails/534711b951df7/60d40fd7ca34cf794237c5ec8cb4ff6d/534711b951df7_60d40fd7ca34cf794237c5ec8cb4ff6d_20140521112148_537ceebcd74e0_98_896x672.jpg

Answer 1

私は通常、このサーバ側の要求を満たすでしょう。

たとえば、（ASP.NET C＃を使用して）通常baseUrlを画像に追加し、web.configにURLを定義します。

次に、web.configのデバッグバージョンまたはリリースバージョンを使用して、baseUrlを適切に変換します。

その結果、私のHTMLファイルは、部品を持っているでしょうか、サーバ側構成されたURLの全体（または少なくともはbaseUrl添付サーバ側を有する）、または潜在的baseUrlは、おそらく、クライアント側コードに突出しているセッションを介して、またはJavaScript。

EDIT：明確にするために、私はbaseUrlにようhttp://mysite.comのようなものを設定することを意味するものではありません、私は私の開発baseUrlによう../../../image/のようなものを提唱なり、いつ生産の/image/にこれを翻訳し、または類似した何か