html - 使用 MVC4 捆绑和 HTML5 异步属性异步加载 javascript 文件

Question

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

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

我可以通过像这样引用捆绑包来利用我的 MVC4 捆绑包。

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

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

那么如何在调试时利用捆绑和异步属性而不丢失非缩小。

Answer 1

如果您升级到 1.1-alpha1 版本，您可以通过以下方式将 async 属性添加到标签格式：

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

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

使用以下而不是 Scripts.Render("~/bundles/jquery")

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