Refactor entry point to use bundle-loader.

README.md

@@ -87,6 +87,9 @@ The directory structure:
 npm start
 ```
 
+- To run the application, go to `http://localhost:8080/`.
+- To run unit tests, go to `http://localhost:8080/?mode=test`.
+
 
 ### Building
 

package.json

@@ -25,6 +25,7 @@
     "6to5": "^1.15.0",
     "6to5-loader": "^0.2.4",
     "autoprefixer-loader": "^1.0.0",
+    "bundle-loader": "^0.5.2",
     "css-loader": "^0.9.0",
     "glob": "^4.3.2",
     "istanbul": "^0.3.5",

www/src/boot/boot.js

@@ -9,3 +9,7 @@ boot.querySelector('.js-progress-bar').classList.add('is-indeterminate')
 
 document.body.appendChild(boot)
 
+export function disappear() {
+  boot.style.display = 'none'
+}
+

www/src/boot/index.js

@@ -5,11 +5,17 @@
 // we minimize the amount of dependencies.
 //
 
-import './boot'
+import * as boot from './boot'
+
+function load(loader) {
+  loader(function(mdl) {
+    boot.disappear()
+  })
+}
 
 if (location.search.indexOf('mode=test') > -1) {
-  require.ensure(['../test'], (require) => require('../test'))
+  load(require('bundle?lazy!../test'))
 } else {
-  require.ensure(['../app'], (require) => require('../app'))
+  load(require('bundle?lazy!../app'))
 }