C＃MVC-優化設置為true時，樣式不呈現

Question

我在Config.cs中有以下代碼：

        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-2.2.3.min.js",
                    "~/Scripts/jquery.validate.min.js",
                    "~/Scripts/jquery.validate.unobtrusive.min.js",
                    "~/Scripts/jquery.unobtrusive-ajax.min.js"
                    ));
        bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                    "~/Scripts/modernizr-*"));
        bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
                  "~/Scripts/bootstrap.js",
                  "~/Scripts/respond.js"
                  ));
        bundles.Add(new StyleBundle("~/Content/css").Include(
                  "~/Content/bootstrap.css",
                  "~/Content/font-awesome.min.css",
                  "~/Content/css/site.css", 
                  "~/Content/css/ab-style.css"));

樣式無法正確呈現， 頁面看起來很奇怪。 但是，當我在config.cs中設置BundleTable.EnableOptimizations = false時，一切工作正常。 是否有人知道為什么會這樣。

注意：Web.config中沒有Debug =“ true”，虛擬路徑也沒有沖突，因為我的項目中沒有“〜/ bundles / jquery”，“〜/ bundles / bootstrap” ...文件夾。

Answer 1

在虛擬文件夾中創建捆綁包。

  bundles.Add(new StyleBundle("~/Content/css/AllMyCss.css").Include(
              "~/Content/bootstrap.css",
              "~/Content/font-awesome.min.css",
              "~/Content/css/site.css", 
              "~/Content/css/ab-style.css"));

並使用以下代碼渲染包

@Styles.Render("~/content/css/AllMyCss.css")