1

MVC4 アプリケーションで Kendo UI を使用しています。CSS と JS の参照をバンドルに移動することにしました。次のようなバンドルを作成しました。

bundles.Add(new StyleBundle("~/bundles/baseCSS").Include(
            "~/Content/CSS/Shared/Site.css",
            "~/Content/CSS/plugins/jquery.jgrowl.css",
            "~/Content/Kendo/kendo.common.min.css",
            "~/Content/Kendo/kendo.blueopal.min.css"));

_Layout.cshtml でバンドルを次のように参照します。

Styles.Render("~/bundles/baseCSS")

私のページの HTML (デバッグ モード) は、site.css および jquery.jgrow.css 参照のみをレンダリングします。剣道 CSS ファイルの名前を変更し、名前の「min」の部分を削除して、バンドル内の文字列を変更すると、正常に動作します。.min を参照できないのはなぜですか?

また、BundleConfig で明示的に最適化を無効にしました。

4

2 に答える 2

1

バンドルに css または js ファイルを追加すると、ファイルが自動的に縮小されるため、バンドルでは min を使用できません。

次のように、レイアウトからファイルを直接参照できます。

<link rel="stylesheet" href="~/Content/Kendo/kendo.common.min.css" />

または、ファイル名から .min 拡張子を削除してから、..

bundles.Add(new StyleBundle("~/bundles/baseCSS").Include(
            "~/Content/CSS/Shared/Site.css",
            "~/Content/CSS/plugins/jquery.jgrowl.css",
            "~/Content/Kendo/kendo.common.css",
            "~/Content/Kendo/kendo.blueopal.css"));
于 2013-05-21T19:11:54.087 に答える