From 4d5c743e4300d3d4c8fe3856aa21fccae8c5bb33 Mon Sep 17 00:00:00 2001
From: Denis Sadilo <denis.sadilo@gmail.com>
Date: Fri, 7 Apr 2017 19:16:58 +0300
Subject: [PATCH] Added 'how to load module with webpack' guide

---
 _guide/010. lazyloading.md | 47 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/_guide/010. lazyloading.md b/_guide/010. lazyloading.md
index 521e0f2104bc..89ec03ec8111 100644
--- a/_guide/010. lazyloading.md	
+++ b/_guide/010. lazyloading.md	
@@ -69,4 +69,51 @@ This may include:
 ##
 
 
+## Load modules with ocLazyLoad and webpack
 
+Create a config function and provide your state config there.
+
+### lazy.js
+```
+export default angular
+  .module('lazyLoadedModule', ['ui.router'])
+  .component('lazy', {
+    restrict: 'E',
+    template: '<div>lazy loaded</div>',
+  })
+.name;
+```
+### lazy.config.js
+```
+export default function($stateProvider) {
+  'ngInject';
+  $stateProvider.state('lazy', {
+    component: 'lazyLoaded',
+    resolve: {
+      loadModule: function($q, $ocLazyLoad) {
+        'ngInject';
+        const d = $q.defer();
+        require.ensure([], function() {
+          const waiting = require('./lazy');
+          $ocLazyLoad.load({name: waiting.default});
+          d.resolve(waiting.default);
+        });
+        return d.promise;
+      },
+    },
+  });
+}
+```
+
+Simply add it  to your angular app
+### app.js
+```
+import lazy_load_state from './lazy.config
+angular
+  .module('app', [
+    'oc.lazyLoad',   
+    'ui.router'
+  ])
+  .config(lazy_load_state)
+  .component('app', AppComponent);
+```