title: Error with bundling and minification
body: <p>I know that bundling and minification only works when not in debug mode.</p>
  
  <pre><code>&lt;compilation debug="false" targetFramework="4.5"/&gt;
  </code></pre>
  
  <p>If I press <kbd>Ctrl</kbd> + <kbd>F5</kbd> to run my SPA, it works fine.</p>
  
  <p>However, if I press <kbd>F5</kbd> to enable debugging, even when <code>debug=false</code> on the <code>web.config</code>, my page does not load correctly. When I checked the developer tools, <a href="http://screencast.com/t/oip3RcgZC" rel="nofollow">I found this</a>.</p>
  
  <p>If I check my code and my scripts library, it seems OK.</p>
  
  <p><strong>BundleConfig.cs</strong>:</p>
  
  <pre><code>public static void RegisterBundles(BundleCollection bundles)
  {
    bundles.IgnoreList.Clear();
    AddDefaultIgnorePatterns(bundles.IgnoreList);
  
    bundles.Add(
      new ScriptBundle("~/scripts/modernizr")
          .Include("~/scripts/modernizr-{version}.js"));
  
    bundles.Add(
      new ScriptBundle("~/scripts/vendor")
       .Include("~/scripts/jquery-{version}.min.js")
       .Include("~/scripts/bootstrap.min.js")
       .Include("~/scripts/knockout-{version}.js")
       .Include("~/scripts/toastr.js"));
  
    bundles.Add(
     new StyleBundle("~/Content/css")
       .Include("~/Content/ie10mobile.css") // Must be first. IE10 mobile viewport fix
       .Include("~/Content/bootstrap.min.css")
       .Include("~/Content/bootstrap-responsive.min.css")
       .Include("~/Content/font-awesome.min.css")
       .Include("~/Content/toastr.css")
       .Include("~/Content/styles.css")
     );
  }
  </code></pre>
  
  <p>And the VS studio structure, the <a href="http://screencast.com/t/vzgB9uLX" rel="nofollow">files are there</a>.</p>
  
  <p>If I check my index.cshtml</p>
  
  <pre><code>@using System.Web
  @using System.Web.Optimization
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;CCJS&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/&gt;
      @Styles.Render("~/Content/css")
      &lt;script language="javascript"&gt;
          // Must be first. IE10 mobile viewport fix
          if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
              var msViewportStyle = document.createElement("style");
              var mq = "@@-ms-viewport{width:auto!important}";
              msViewportStyle.appendChild(document.createTextNode(mq));
              document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
          }
      &lt;/script&gt;
      @Scripts.Render("~/scripts/modernizr")
  &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="applicationHost"&gt;
              @RenderPage("_splash.cshtml")
          &lt;/div&gt;
  
          @Scripts.Render("~/scripts/vendor")
          &lt;script src="~/Scripts/require.js" data-main="App/Main"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>