Lazy loading with angular1 component router and webpack code split

lazy.js

class lazyAppCtrl {
  constructor($q, $rootRouter, $ocLazyLoad) {
    this.$q = $q
    this.$rootRouter = $rootRouter
    this.$ocLazyLoad = $ocLazyLoad
    
    this.$rootRouter.config([
      {
        path: '/lazy',
        name: 'Lazy',
        loader: () => {
          let deferred = this.$q.defer();
          require.ensure([], () => {
            const module = require('./path/to/your/lazy/view/component')
            return this.$ocLazyLoad.inject({name: module.default})
            .then(() => deferred.resolve('nameOfYourLazyViewComponent') )
          });
          return deferred.promise
        }
      }
    ])
  }
}

cont lazyApp {
  controller: 'lazyAppCtrl',
  template: '...'
}

angular.module('App', [require('oclazyload')])
  .component('lazyApp', lazyApp)
  .controller('lazyAppCtr', lazyAppCtrl)