Tải đồng bộ các tệp javascript bằng cách sử dụng thuộc tính async MVC4 Bundling và HTML5 async

Question

HTML5 có thuộc tính async cho tệp tập lệnh, để bật tải không đồng bộ.

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

Tôi có thể tận dụng điều này với gói MVC4 bằng cách tham chiếu gói như vậy.

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

Nhưng điều này có nghĩa là các tập lệnh của tôi được đóng gói ngay cả khi ở chế độ gỡ lỗi.

Vì vậy, làm cách nào tôi có thể tận dụng lợi thế của gói và thuộc tính async mà không mất không giảm thiểu khi gỡ lỗi.

Answer 1

Nếu bạn nâng cấp lên phiên bản 1.1-alpha1, bạn chỉ có thể thêm các thuộc tính async sang định dạng thẻ hoặc thông qua:

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

hoặc đi qua nó nơi bạn muốn tag async

Sử dụng sau thay vì Scripts.Render ("~/bundles/jquery")

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