web-dev-qa-db-ja.com

MVC4バンドルとHTML5非同期属性を使用したJavaScriptファイルの非同期読み込み

HTML5には、非同期読み込みを有効にするために、スクリプトファイルのasync属性があります。

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

このようにバンドルを参照することで、MVC4バンドルでこれを利用できます。

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

しかし、これが意味するところは、デバッグモードの場合でも、スクリプトがバンドルされているということです。

したがって、デバッグ時に非縮小を失うことなく、バンドルとasync属性をどのように利用できますか？.

htmlasp.net-mvc-4asp.net-optimizationbundling-and-minification
39
Colin Bacon

1.1-alpha1リリースにアップグレードする場合は、次のいずれかの方法でasync属性をタグ形式に追加できます。

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

または、非同期タグが必要な場所に渡します

Scripts.Render（ "〜/ bundles/jquery"）の代わりに以下を使用します

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