pass loader to bootstrap

src/bootstrapper.ts

@@ -0,0 +1,30 @@
+import { PLATFORM } from 'aurelia-pal';
+import { initialize } from 'aurelia-pal-browser';
+import { Loader } from 'aurelia-loader';
+import { Aurelia } from 'aurelia-framework';
+
+const global: Window = PLATFORM.global;
+
+function ready() {
+  if (!global.document || global.document.readyState === 'complete') {
+    return Promise.resolve();
+  }
+
+  return new Promise(resolve => {
+    function done() {
+      global.document.removeEventListener('DOMContentLoaded', done);
+      global.removeEventListener('load', done);
+      resolve();
+    }
+    global.document.addEventListener('DOMContentLoaded', done);
+    global.addEventListener('load', done);
+  });
+}
+
+export async function bootstrap(host: Element, loader: Loader) {
+  await ready();
+  await initialize();
+  const aurelia = new Aurelia(loader);
+  aurelia.host = host;
+  return aurelia;
+}

src/main.ts

@@ -1,13 +1,13 @@
 import 'reflect-metadata';
-import 'aurelia-loader-webpack';
+import { WebpackLoader } from 'aurelia-loader-webpack';
 import { Aurelia, PLATFORM } from 'aurelia-framework';
 
-import { bootstrap } from './bootstrap';
+import { bootstrap } from './bootstrapper';
 import { App } from 'app/app';
 
 async function start() {
   const host = document.getElementById('root');
-  const aurelia: Aurelia = await bootstrap(host);
+  const aurelia: Aurelia = await bootstrap(host, new WebpackLoader());
 
   aurelia.use
     // add plugins here