3

问题:

在 ASP.NET MVC 4.5 中完成的 HTML5 离线应用程序中,我们使用框架的内置功能捆绑和缩小样式和脚本。页面本身的一切都运行良好,但要写入缓存清单,其中(因为我们正在编写它)它总是只发出捆绑的 URL。

因此,我们无法在离线模式下调试 JavaScript,因为单个调试 js 文件没有进入应用程序缓存。

代码:

注册包

这是我们的BundleConfig.RegisterBundles外观:

    // For more information on Bundling, visit http://go.microsoft.com/fwlink/?LinkId=254725
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/Scripts").Include(
                   "~/Scripts/*.js"
                   ));
    }

HTML 标记

我们将它包含在我们_Layout.cshtml的页面本身中,如下所示:

@System.Web.Optimization.Scripts.Render("~/bundles/Scripts")

这适用于页面,通过在 is 时发出单个 js 文件,在debugis时发出true一个捆绑文件。debugfalse

输出输入debug=true

<script src="/Scripts/ScriptOne.js"></script>
<script src="/Scripts/ScriptTwo.js"></script>
<script src="/Scripts/ScriptThree.js"></script>

输出输入debug=false

<script src="/bundles/Scripts?v=B0_RvAM_5ifnREcGnNQ3FO8qQp4vyLOdtCUJ-2mXSuA1"></script>

缓存清单

这就是我们如何将脚本包含到我们的CacheManifest

@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/bundles/Scripts")

输出debug=truedebug=false

/bundles/Scripts?v=B0_RvAM_5ifnREcGnNQ3FO8qQp4vyLOdtCUJ-2mXSuA1

我们想要什么?

我们想知道是否有办法让 Cache-Manifest 像这样输出:

输出输入debug=true

/Scripts/ScriptOne.js
/Scripts/ScriptTwo.js
/Scripts/ScriptThree.js

输出输入debug=false

/bundles/Scripts?v=B0_RvAM_5ifnREcGnNQ3FO8qQp4vyLOdtCUJ-2mXSuA1
4

1 回答 1

7

MSDN 文档讨论了某种Scripts.RenderFormat方法,它看起来是做我们想做的事情的好选择。但是智能感知抱怨这种方法在当前引用RenderFormat的版本中不存在。System.Web.Optimization

但是,(再次)感谢谷歌,这里的这个答案解释了这个RenderFormat方法实际上包含在下一个版本的 alpha 版本中。并且对该答案的评论链接到解释我们如何安装它的页面:

PM> Install-Package Microsoft.AspNet.Web.Optimization -Pre

使用此版本,Cache-Manifest可以更改为:

@System.Web.Optimization.Scripts.RenderFormat("{0}","~/bundles/Scripts")

我们现在让缓存清单在debug=true.

显然,MSDN 文档与当前的稳定版本不同步!

于 2013-02-14T19:10:49.683 回答