瀏覽器無法識別捆綁（優化）樣式

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; 

例如，火狐得到風格作爲腳本，我可以在FireBug的Net選項卡中看到它。 （http://grab.by/nZ0Y）

這就是爲什麼我的stales沒有任何效果。

有人可以解釋我的原因嗎？

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"));