title: Webpack, Angular-UI-Bootstrap not loading properly
body: <p>Initially, I was trying to get a bootstrap dropdown to load, but the directive wasn't working properly. Suspecting an issue with loading ui.bootstrap, I tried with a simple progressbar and it's still not loading. Long story short, I think ui.bootstrap is loading, but for some reason it's not launching correctly. I'm using webpack. Can anyone see what I'm doing incorrectly here? I'm not getting any errors on load.</p>
  
  <p>My thoughts now: I haven't loaded the directive properly. Perhaps the templates aren't loading.</p>
  
  <p>Bundle JS:</p>
  
  <pre><code>/* 3 */
  /***/ function(module, exports, __webpack_require__) {
  
  'use strict';
  
  __webpack_require__(4);
  module.exports = 'ui.bootstrap';
  
  /***/ },
  </code></pre>
  
  <p>Entry JS:</p>
  
  <pre><code>var angular = require('angular');
  var uiBootstrap = require('angular-ui-bootstrap');
  var uiRouter = require('angular-route');
  var moment = require('moment');
  var angularCalendar = require('angular-bootstrap-calendar');
  var layout = require('./js/angular/layout/layout.module.js');
  var layoutController = require('./js/angular/layout/layout.controller.js');
  
  angular.module('app', ['layout','ngRoute','ui.bootstrap','mwl.calendar']);
  var app = angular.module('app');
  </code></pre>
  
  <p>Layout Controller:</p>
  
  <pre><code>angular.module('layout', []);
  angular
  .module('layout')
  .controller('Layout', Layout);
  
  Layout.$inject = ['$log'];
  
  function Layout($log) {
    /*jshint validthis: true */
    var vm = this;
  }
  </code></pre>
  
  <p>Template:</p>
  
  <pre><code>&lt;body ng-app="app" class="container"&gt;
  &lt;div ng-controller="Layout as layout"&gt;
      &lt;h1&gt;{{layout.content.model.layout.header}}&lt;/h1&gt;
      &lt;div class="nav"&gt;
          &lt;uib-progressbar value="55"&gt;&lt;/uib-progressbar&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>