具有捆绑和缩小功能的 ASP.NET MVC 4 应用程序，为什么在调试模式下启用缩小？

Question

我刚刚将一个 ASP.NET MVC 3 项目迁移到 MVC 4 / .NET 4.0，并安装了 NuGet 包 Microsoft.AspNet.Web.Optimization 以支持捆绑和缩小 CSS 和 JavaScript。我几乎可以进行捆绑/缩小工作，问题是它总是启用。即使应用程序处于调试模式（如 Web.config 中配置的那样），所有 JavaScript 包含的内容都会被缩小。从下面的 XML sn-p 可以看出，在 Web.config 中启用了调试模式：

<system.web>
  <compilation debug="true" targetFramework="4.0">
    ...
  </compilation>
  ...
</system.web>

我的捆绑配置摘录：

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        ...

        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/Scripts/jquery-1.*",
                    "~/Scripts/jquery.form.js",
                    "~/Scripts/jquery.format.js"));

        bundles.Add(new StyleBundle("~/Content/css").Include(
            "~/Content/Site.css"));

        ...
    }
}

CSS/JavaScript 包含在 HTML 中呈现，例如：

<link href="/content/css" rel="stylesheet" type="text/css">
<script src="/bundles/jquery" type="text/javascript"></script>

有没有人知道为什么在我的案例中启用了缩小功能？我不知道我在这里缺少什么。为了解决问题，我创建了一个测试 ASP.NET MVC 4 Internet 应用程序，并且可以验证 CSS/JavaScript 是否没有在该项目的调试模式下被缩小。

编辑：

在我的 _Layout.cshtml 文件中，我像这样渲染样式/脚本：

@Styles.Render("content/css")
@Scripts.Render("bundles/jquery")

感谢 Hao，我意识到我忘记在包名称前加上“~/”。

Answer 1

我刚刚在一个全新的 ASP.NET MVC 项目中遇到了这种情况。我在 web.config 中将 <compilation debug="true" targetFramework="4.5.1" /> 设置为 true 并且仍然得到缩小的输出。

修复

BundleConfig.cs（在 App_Start 中）底部有一行 BundleTable.EnableOptimizations = true;，它覆盖了我的 web.config 设置......

删除该行和/或将其设置为 false，然后我的脚本就可以在调试环境中根据需要进行未缩小/未捆绑。

我建议删除该行，因为这将覆盖 web.config。在 web.config 中设置此项具有使用 web.config 转换的优势，因此您可以创建不同的设置以部署到不同的环境。

有关这方面的更多信息，请参阅 http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification 并阅读控制捆绑和缩小部分（大约在文章的一半处）。

Answer 2

危险信号是 HTML 中呈现的链接/脚本标签：

如果您使用的是 Script/Style.Render，这些应该包含版本哈希码，即

< script src="/bundles/jquery?v=wvLq7H7qEZB2giyIRn7aEZAxhHOb2RfTYYh2HMd9EqM1"/>

要获得 MVC4 模板正在使用的调试/发布行为，您还必须使用 Script/Style.Render 方法。调用这些方法时，您必须传递虚拟包路径，在您的示例中：

@Styles.Render("~/content/css")
@Scripts.Render("~/bundles/jquery")

在调试模式下，您不应该让链接/脚本标签指向捆绑包（它将始终被缩小/捆绑）。相反，您应该在调试模式下获取各个资源的脚本/链接标签。