浏览器无法识别捆绑(优化)样式

时间:2013-06-28 11:05:58

标签: c# asp.net-mvc styles bundle

我尝试在我的asp.net MVC4项目中使用Bundle,当它处于调试模式时就可以了,但是当我尝试使用优化模式时会发生奇怪的事情。

这是我的捆绑配置:

bundles.Add(new ScriptBundle("~/content/admin/css").Include("~/Content/css/AdminPage.css",
                                                                                    "~/Content/MarkItUp/MarkItUp.css",
                                                                                    "~/Content/MarkItUp/style.css",
                                                                                    "~/Content/jqTreeThemes/apple/style.css",
                                                                                    "~/Content/css/popup_window.css",
                                                                                    "~/Content/css/fullcalendar.css",
                                                                                    "~/Content/jHtmlArea/jHtmlArea.css"));

这就是我在页面上使用它的方式:

@section header
{
    @Styles.Render("~/content/admin/css");
}

所以,当我使用

BundleTable.EnableOptimizations = true;
例如,Firefox将样式作为脚本获取,我可以在FireBug的Net选项卡中看到它。 (http://grab.by/nZ0Y

这就是为什么我的stales没有任何影响。

有人可以解释我的原因吗?

1 个答案:

答案 0 :(得分:0)

使用ScriptBundle(用于样式),而不是使用StyleBundle(用于脚本)。

bundles.Add(new StyleBundle("~/content/admin/css").Include("~/Content/css/AdminPage.css","~/Content/MarkItUp/MarkItUp.css","~/Content/MarkItUp/style.css","~/Content/jqTreeThemes/apple/style.css","~/Content/css/popup_window.css","~/Content/css/fullcalendar.css","~/Content/jHtmlArea/jHtmlArea.css"));