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

样式没有正确呈现，页面看起来很奇怪。但当我设置BundleTable时，一切都很好。EnableOptimizations = false在config.cs。有人知道为什么会这样吗?

注意:在Web中没有Debug= "true"。没有"~/bundles/jquery"，"~/bundles/bootstrap"…

Answer 1

在虚拟文件夹中创建bundle。

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

并使用下面的代码来呈现一个bundle

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