title: How to use bluebird with IE11
body: <p>I am using webpack to bundle things. It seems to work well in every other browser, but in IE (which doesn't have promises), it gives error that it cant find <code>Promise</code>.</p>
  
  <p>I use <code>HtmlWebpackPlugin</code> to inject all scripts. Hence my app's scripts are always injected towards the end. However, in my app chunk, it appears to have this code (found this by searching inside unminified-files using the cdn url link):</p>
  
  <pre><code>/* WEBPACK VAR INJECTION */(function($, Promise) {(function() {
  
  var getFormFieldsFor, handleFileSelect, uploadFile, uniqid, OnComplete;
  var displayUploadProgress, setCaptionText, initProgressBar, resetProgressBar;
  
  var handleAlbumUpload, handleVideoUpload, handleAudioUpload;
  
  /** IE doesn't support Promises in ES5', bluebird alternative script can handle it */
  $(document).ready(function () {
      if (navigator.appName == 'Microsoft Internet Explorer' ||  !!(navigator.userAgent.match(/Trident/) || navigator.userAgent.match(/rv 11/)) || (typeof $.browser !== "undefined" &amp;&amp; $.browser.msie == 1)) {
          var script=document.createElement('script');
          script.type='text/javascript';
          script.src='https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.5/bluebird.min.js';
          $("body").append(script);
      }
  });
  </code></pre>
  
  <p>It seems to dynamically insert another <code>script</code> tag at end of my DOM upon page load. Since my previous scripts already passed execution, they give error that <code>Promise</code> cannot be found. This behavior is not seen in any other browser (even the code does specific checks for IE).</p>
  
  <p>Is there a way to use bluebird without causing this behavior? I am aiming for IE10+ compatibility with promises (tested on IE11). Or will I have to go for another promise library?</p>
  
  <p>I do not think that my webpack config would be much relevant here, but let me know if its required.</p>