c# - 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")