Problem:
在 ASP.NET MVC 4.5 中完成的 HTML5 离线应用程序中,我们使用框架的捆绑和缩小样式和脚本内置功能 http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification。页面本身一切正常,但写入缓存清单时(因为我们正在编写它)它始终只发出捆绑的 URL。
因此,我们无法在离线模式下调试 JavaScript,因为各个调试 js 文件不会进入应用程序缓存。
Code:
注册捆绑包
这就是我们的BundleConfig.RegisterBundles
look:
// 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")
这对于页面来说效果很好,通过在以下情况下发出单独的 js 文件:debug
is true
,以及一个捆绑文件,当debug
is false
.
输出输入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=true
and debug=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