title: ES6 import syntax with Angular 1.5 UI Router
body: <p>I'm trying to combine Angular 1.5, UI Router using ES6 import modules syntax with Babel &amp; Webpack.</p>
  
  <p>In my app.js I have:</p>
  
  <pre><code>'use strict';
  
  import angular from 'angular';
  import uiRouter from 'angular-ui-router';
  ...
  import LoginCtrl from './login/login.ctrl.js'
  
  
  const app = angular.module("app", [
          uiRouter,
          ...
      ])
      .config(function($stateProvider, $urlRouterProvider) {
          $stateProvider
              .state('login', {
                  url: '/login',
                  templateUrl: '...', 
                  controller: LoginCtrl,
                  controllerAs: 'login' 
              })
      });
  </code></pre>
  
  <p>In login/login.ctrl.js I have:</p>
  
  <pre><code>'use strict';
  
  export default app.controller("LoginCtrl", function() {
      //code here
  });
  </code></pre>
  
  <p>When I started my app I have following error message:</p>
  
  <pre><code>ReferenceError: app is not defined
   bundle.js:35422:2
  Error: [$injector:modulerr] Failed to instantiate module app due to:
  [$injector:nomod] Module 'app' is not available! You either misspelled the module name or forgot to load it.
  </code></pre>
  
  <p>And second question. How can I use controller: "loginCtrl as login" syntax with ES6 import/export?</p>