title: Async loading of javascript files using MVC4 Bundling and HTML5 async attribute
body: <p>HTML5 has an async attribute for script files, to enable async loading.</p>
  
  <pre><code>&lt;script type="text/javascript" src="myScript.js" async&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I can take advantage of this with my MVC4 bundling by referencing the bundle like so.</p>
  
  <pre><code>&lt;script type="text/javascript" src='@Scripts.Url("~/bundles/jquery")' async&gt;&lt;/script&gt;
  </code></pre>
  
  <p>But what this does mean is my scripts are bundled even when in debug mode.</p>
  
  <p>So how can I take advantage of bundling and the async attribute without loosing non-minification when in debug.</p>