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

Col*_*con 38 html5 asp.net-mvc-4 bundling-and-minification asp.net-optimization

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

<script type="text/javascript" src="myScript.js" async></script>
Run Code Online (Sandbox Code Playgroud)

我可以通过引用我的MVC4捆绑来利用这一点,就像这样引用捆绑包.

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

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

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

Hao*_*ung 62

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

Scripts.DefaultTagFormat = @"<script src=""{0}"" async></script>"
Run Code Online (Sandbox Code Playgroud)

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

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

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

  • 我需要在哪里写这些线?(其中一个......)什么需要升级到1.1 -alpha?MVC版本还是Web优化?谢谢... (3认同)