diff --git a/source/app/index.jade b/source/app/index.jade
index 9924009..3a80e23 100644
--- a/source/app/index.jade
+++ b/source/app/index.jade
@@ -1,5 +1,5 @@
 doctype html
-//- variable `app` here is used by gulp
+//- variable `app` here is used by build script
 html(lang="en", ng-app= app, ng-strict-di)
     head
         //- This helps the ng-show/ng-hide animations start at the right place.
@@ -11,6 +11,10 @@ html(lang="en", ng-app= app, ng-strict-di)
         meta(http-equiv="X-UA-Compatible", content="IE=edge, chrome=1")
         meta(name="viewport", content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no")
         base(href="/")
+        // babel polyfill for IE
+        <!--[if IE]>
+        <script src="ie-polyfill.{%=o.webpack.hash%}.js"></script>
+        <![endif]-->
 
     body(ng-class="_class + '-page'")
         .wrapper(ui-view)
diff --git a/webpack.config.js b/webpack.config.js
index 331815b..1b40bf9 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -68,7 +68,8 @@ module.exports = {
             'angular-mocks',
             'angular-loading-bar',
             'oclazyload'
-        ]
+        ],
+        'ie-polyfill': 'babel-core/polyfill.js'
     },
     output: {
         path: base + 'build',