ASP.NET MVC Bundle 未在临时服务器上呈现脚本文件。它适用于开发服务器

在我们的 ASP.NET MVC 4 Web 应用程序中，我们的 BundleConfig.cs 包含以下内容：

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                        "~/Scripts/jquery-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
                        "~/Scripts/jquery-ui-{version}.js"));

            bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
                        "~/Scripts/jquery.unobtrusive*",
                        "~/Scripts/jquery.validate*"));
            bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
                        "~/Scripts/modernizr-*"));

当我们查看开发服务器上主页的 html 时，即使 web.config 中的调试模式设置为 true，我们也可以看到以下脚本标记：<compilation debug="true" targetFramework="4.0" />:

<script src="/AFR/Scripts/jquery-ui-1.8.20.min.js"></script>
<script src="/AFR/Scripts/modernizr-2.5.3.js"></script>
<script src="/AFR/Scripts/jquery-1.7.1.js"></script>
<script src="/AFR/Scripts/jquery-ui-1.8.20.js"></script>
<script src="/AFR/Scripts/jquery.unobtrusive-ajax.js"></script>
<script src="/AFR/Scripts/jquery.validate.js"></script>
<script src="/AFR/Scripts/jquery.validate.unobtrusive.js"></script>

但是，当我们在登台服务器上部署应用程序并查看主页的 html（查看源代码）时，除了<script src="/AFR/Scripts/jquery-ui-1.8.20.min.js"></script>缺失。我们已经验证这些标签中提到的所有文件都位于脚本文件夹中。文件夹结构与开发机器上完全相同。在登台服务器上，web.config 文件具有<compilation targetFramework="4.0" />这意味着，默认情况下，debug=“false”。

因此，某些 JavaScript 函数在登台服务器上失败。登台计算机和开发计算机都是 Windows 2012。

请帮忙。谢谢。

根据您的意见，我们需要讨论如何Bundling机制在 MVC 中工作。

Edit：基于下面的评论VSDev，你需要确保网络润滑脂已安装到您的项目中。NuGet最简单的方法是安装这个软件包。

当您设置捆绑配置时（上面不是示例来说明）

bundles.Add(new ScriptBundle("~/bundles/mainJs")
      .Include("~/Scripts/mainSite.js")
      .Include("~/Scripts/helperStuff.js"));

然后，按照您的观点，您可以调用类似的东西@Scripts.Render("~/bundles/mainJs")。当你的 web.config 设置为调试编译时OR您可以使用以下行明确关闭捆绑BundleConfig.cs file

BundleTable.EnableOptimizations = false;

然后，在您的视图中，您将看到以下渲染结果

<script src="/Scripts/mainSite.js" type="text/javascript"></script>
<script src="/Scripts/helperStuff.js" type="text/javascript"></script>

这些是构成我们捆绑包的各个项目，未压缩并单独列出。这些在调试模式下单独列出的原因是，您可以调试脚本并在编写脚本时查看它们（实际变量名称等）。

现在，当我们没有处于调试编译状态并且没有关闭EnableOptimizations功能，MVC 会将这些文件合并到我们的包中，压缩（缩小）它们并仅输出一个脚本标签。

<script src="/bundles/mainJs?v=someBigLongNumber" type="text/javascript"></script>

请注意，源与捆绑包配置中的捆绑包名称相同。另外，后面的数字?v=每当您更改该捆绑包中的文件时，该文件都会更改。这是为了帮助防止客户端浏览器缓存旧的 js 和 css 文件。

您的脚本仍然存在并正在输出，但它们被压缩并组合成一个名为/bundles/mainJs。此功能呈现给

A)压缩文件并减少传输的信息，

B)减少为检索呈现页面所需的内容而调用网站的次数。

没有丢失任何东西，听起来一切都按预期进行。在生产站点中，缩小使这些文件几乎无法读取，因此缩小在调试时不会生效。

至于为什么 jQuery UI 仍然是单个 JS 文件，请确保有人没有将其硬编码到您的布局视图中。至于 JS 错误，可能是您的开发盒上存在错误，或者可能是某些内容未正确压缩（但是，在我的所有 MVC 开发中，我没有看到由于缩小不当而导致的 JS 错误）。