title: importing angular services with ES6 and webpack
body: <p>I'm trying to import $timeout with ES6 and webpack and I keep getting that $timeout is undefined.
  Can anyone help?
  If there's a way that doesn't involve using $inject I'd prefer it because I'm gradually trying to get rid of angularjs in my code.</p>
  
  <p>randomTVNames.service.js:</p>
  
  <pre><code>import angular from 'angular';
  
  class RandomTVNames {
      constructor($timeout) {
          this.tv = ['Shield', 'Walking Dead', 'Castle', 'Leftovers'];
          this.timeout = $timeout;
          console.log(this.timeout);
      }
  
      getName() {
          const totalNames = this.tv.length;
          const rand = Math.floor(Math.random() * totalNames);
          return this.tv[rand];
      }
  
      getTimeout(){
  
          this.timeout(function () {
              alert("this is timeout")}, 3000);
      }
  }
  
  RandomTVNames.$inject = ['$timeout'];
  
  //todo - try to inject angular argument (such as $timeout) with $inject
  var randomTVNames = new RandomTVNames();
  
  export default randomTVNames;
  </code></pre>
  
  <p>home.controller.js:</p>
  
  <pre><code>import randomTVNames from '../../services/randomTVNames.service';
  import mainModule from '../../mainModule';
  
  class HomeController {
      constructor() {
          this.tv = randomTVNames;
          this.name = 'World';
      }
  
      randomTVName($timeout) {
          this.name = this.tv.getName();
      }
  
      getCtrlTimeout(){
          this.tv.getTimeout();
      }
  
  }
  
  mainModule.controller('HomeController', HomeController);
  </code></pre>