9

CSSとJavaScriptを縮小してバンドルするために、.NET4.5に組み込まれている縮小とバンドルを使い始めています。JavaScriptの縮小はうまく機能しますが、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ファイルを最小化します。ただし、CSSファイルにbackground-image：url（'img / icon.png'）などのbackground-image参照を持つスタイルが含まれている場合、このアイコンファイルを新しい場所（バンドル名から派生）からロードしようとします。 = /bundles/MySiteCss/img/icon.png

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

4

2 に答える 2

11

これを簡単に機能させるには、バンドルとCSSを同じ場所から提供する必要があります。たとえば、バンドル行を次のように変更します。

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

また、参照も更新します。

@Styles.Render("~/Content/MySiteCss/")
于 2012-08-07T20:40:16.100 に答える
0

これは、MicrosoftASP.NETWeb最適化フレームワークのバージョン1.1.0-alpha1で修正されています。プレリリースを含めると、
NuGet（https://nuget.org/packages/Microsoft.AspNet.Web.Optimization ）を介して更新を取得できます。

于 2013-01-12T14:46:04.280 に答える