MVCバンドルと相対CSSの画像のウェブサイトが絶対パスに相対的な画像のパスを変換するにはアプリケーション

Question

に配備されたときに多くの質問がありますが、この1のようにstackoverflowの中で尋ねたと答え：

MVC4 StyleBundle not resolving images

new CssRewriteUrlTransform()を追加することをお勧めしています以下のようになります。

bundles.Add(new StyleBundle("~/Content/css/jquery-ui/bundle") 
     .Include("~/Content/css/jquery-ui/*.css", new CssRewriteUrlTransform())); 

これは実際に私を救ってくれました。しかし、今、問題がまだある私は、アプリケーション（ウェブサイトのないルート）に私のウェブサイトを展開することを：

http://localhost/sample/ 

が、画像のURLは次のようです：：

アプリケーションです

http://localhost/css/imgs/spirit.png 

それがされるべきである：

http://localhost/sample/css/imgs/spirit.png 

バンドルCSSのリンク自体は正しいと作業ですが。

Answer 1

一切の仮想ディレクトリが存在しない場合は、次のコードはどうしたら関与：

bundles.Add(new StyleBundle("~/bundles/css").Include(
       "~/Content/css/*.css", new CssRewriteUrlTransform())); 

しかしれるVirtualDirectoryが使用されている場合CssRewriteUrlTransformではなく、ホスト/のVirtualDirectoryをホストするために書き換えます。ソリューションは、ここで詳しく説明するCssRewriteUrlTransformを導出することです。ASP.NET MVC4 Bundling with Twitter Bootstrap：

public class CssRewriteUrlTransformWrapper : IItemTransform 
{ 
    public string Process(string includedVirtualPath, string input) 
    {   
     return new CssRewriteUrlTransform().Process("~" + VirtualPathUtility.ToAbsolute(includedVirtualPath), input);   
    } 
} 

Answer 2

これは実際にアプリを仮想ディレクトリとして実行されている場合、正しく動作していない 一般的に最適化してちょうど別の問題です。あなたのウェブサイトをホストするための仮想ディレクトリを使用している、あなたは固定パスでCssRewriteUrlTransformを呼び出すラッパーをしなければならないので

：

public class CssRewriteUrlTransformWrapper : IItemTransform 
{ 
     public string Process(string includedVirtualPath, string input) 
     {   
      return new CssRewriteUrlTransform().Process("~" + VirtualPathUtility.ToAbsolute(includedVirtualPath), input);   
     } 
} 

More info。