c# - 浏览器无法识别捆绑（优化）的样式

Question

当它处于调试模式时，我尝试在我的 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 )

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

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

Answer 1

而不是使用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"));