8

私は、.NET 4.5のミニネーションとバンドルを使って、&のCSSとJavaScriptをバンドルして使い始めました。 JavaScriptのマイニングはうまくいきますが、私はCSSの縮小に悩まされています。 .NET 4.5のスタイルバンドルとCSSのアイコン

var myCss = new string[] 
             { 
              "~/Content/jquery.css", 
              "~/Content/app.css", 
             }; 
bundles.Add(new StyleBundle("~/bundles/MySiteCss/").Include(myCss)); 

し、私は以下のように.cshtml(かみそりファイル)でそれらを参照する - - 私は以下のコードを使用してスタイルバンドルを作成

@Styles.Render("~/bundles/MySiteCss/") 

これは、CSSファイルをminifies。ただし、background-image:url( 'img/icon.png')などの背景イメージ参照を持つスタイルがCSSファイルに含まれている場合、バンドル名から派生した新しい場所からこのアイコンファイルをロードしようとします。 = /bundles/MySiteCss/img/icon.png

アイコンがその場所に存在しないため、ページにロードされて表示されません。

+0

絶対URLに変更してください。 – ZippyV

答えて

10

あなたがバンドルとCSSを同じ場所から提供して、簡単に動作させる必要があります。

bundles.Add(new StyleBundle("~/Content/MySiteCss/").Include(myCss)); 

と同様にあなたの参照を更新します:

@Styles.Render("~/Content/MySiteCss/") 
+0

はうまくいきました。返信いただきありがとうございます! – govin

+0

細分化中にこれらのパスを書き直すには、バンドリングが十分にスマートになりたいと思っています.SquishItはそれを行うことができますが、他の人もそれを行うことができるので、マイクロソフトのバンドリングができなかった理由は見当たりません。 – Giedrius

+0

@Giedriusこれは間違いなくToDoリストに載っています –

0

は、これは、Microsoft ASP.NETのWeb最適化のバージョン1.1.0-アルファ1で修正されていますたとえば、あるためにあなたのバンドルの行を変更フレームワーク。
プレリリースを含めると、NuGet(https://nuget.org/packages/Microsoft.AspNet.Web.Optimization)でアップデートを入手できます。

関連する問題