title: Use webpack externals with angular-ui-bootstrap webpack syntax
body: <p>we use the <strong>externals configuration option</strong> from webpack to prevent bundling of certain imported packages (<a href="https://webpack.js.org/configuration/externals/" rel="nofollow noreferrer">https://webpack.js.org/configuration/externals/</a>) into a library. </p>
  
  <p>Besides we use something like suggested on Github (<a href="https://github.com/angular-ui/bootstrap#webpack--jspm" rel="nofollow noreferrer">https://github.com/angular-ui/bootstrap#webpack--jspm</a>):</p>
  
  <pre><code>import accordion from 'angular-ui-bootstrap/src/accordion';
  import datepicker from 'angular-ui-bootstrap/src/datepicker';
  
  angular.module('myModule', [accordion, datepicker]);
  </code></pre>
  
  <p>But it is not possible to exclude it from the bundle with something like:</p>
  
  <pre><code>externals: {
     'accordion': 'angular-ui-bootstrap/scr/accordion',
  },
  </code></pre>
  
  <p>We also used a RegEx. No success...
  It is only working if we include it completly.</p>
  
  <p>Has anyone an idea?</p>
  
  <p>Best regards,
  Kersten</p>