使用MVC4 Bundling和HTML5异步属性异步加载javascript文件

时间:2012-12-06 12:31:09

标签: html5 asp.net-mvc-4 asp.net-optimization bundling-and-minification

HTML5具有脚本文件的异步属性,以启用异步加载。

<script type="text/javascript" src="myScript.js" async></script>

我可以通过引用我的MVC4捆绑来利用这个功能。

<script type="text/javascript" src='@Scripts.Url("~/bundles/jquery")' async></script>

但这意味着我的脚本即使在调试模式下也会捆绑在一起。

那么我怎样才能在调试时利用捆绑和async属性而不会失去非缩小。

1 个答案:

答案 0 :(得分:62)

如果您升级到1.1-alpha1版本,您只需通过以下方式将async属性添加到标记格式:

Scripts.DefaultTagFormat = @"<script src=""{0}"" async></script>"

或将其传递到您想要async标记的位置

使用以下代替Scripts.Render(“〜/ bundles / jquery”)

Scripts.RenderFormat(@"<script src=""{0}"" async></script>", "~/bundles/jquery")