問題
私は大規模な Web サイトを持っているため、CSS フォルダー構造がかなり深くなる可能性があります。どの CSS ファイルでも、相対 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とintroToPainting.cssだけが必要だとしましょう。製品リリースでは、これら 2 つの CSS ファイルは style20130522.css に縮小されます。縮小されたファイルがintroToPainting.cssとは異なるフォルダーの深さにあるため、brushStroke.jpgへのパスが間違っています。
