javascript - 调试捆绑和版本化的 JavaScript 文件

Question

我使用 Bundleconfig.cs 来捆绑我的 javascript 文件，如下所示:

bundles.Add(new ScriptBundle("~/bundles/resultscripts").Include(
             "~/Scripts/spectrum.js",
              "~/Scripts/notify.js",
              "~/Scripts/spin.min.js"));
   BundleTable.EnableOptimizations = true;

然后在我的 .cshtml 文件中，我有以下内容:

@Scripts.Render("~/bundles/resultscripts");

这在 Chrome 中呈现为:

<script src="/bundles/resultscripts?v=3ozhz2yni5K8Is0g9QoONh_MkoivcBzooVIUD-a0Ngw1"></script>

然后我的 Web.config 中的 system.web 下有以下内容(不确定这有多重要):

<compilation debug="true" targetFramework="4.5.2" />

这很好，因为它允许捆绑版本控制。然而，我的一些 javascript 似乎没有被触发，并且在 Chrome 中，我现在不能再在我的个人 javascript 文件中放置断点。或者更清楚地说，例如我找不到notify.js。我猜这是因为 bundle 正在被缩小。

如果我设置 BundleTable.EnableOptimizations = false; 我的 javascript 文件会呈现，但不再受版本控制。

我想知道是否有人可以为我指明正确的方向，以便我在与版本捆绑时可以找到各个文件？

我查看了这个:Script bundles not rendering individual files in debug ，并且使用相同的语法，但我的文件没有单独渲染。

Answer 1

希望以下声明对您有所帮助:

当我们未处于调试编译状态且未关闭 EnableOptimizations 功能时，MVC 会将这些文件合并到我们的包中，压缩(缩小)它们并仅输出单个脚本标记

来源: https://stackoverflow.com/a/21271866/3397630