Reorganize module loading.

We now use webpack instead of SystemJS, effectively bundling modules
into one file (plus commons chunks) for every entry point.  This results
in a much smaller extension size (almost half).  Furthermore we use
yarn/npm even for extension run-time dependencies.  This relieves us
from manually vendoring and building dependencies.  It's also easier to
understand for new developers familiar with node.

1 files changed, 3 insertions, 16 deletions

diff --git a/src/background/background.ts b/src/background/background.ts
index fe2359812..9b50caf9c 100644
--- a/src/background/background.ts
+++ b/src/background/background.ts
@@ -20,22 +20,9 @@
  * @author Florian Dold
  */
 
-"use strict";
 
-window.addEventListener("load", () => {
-
-  // TypeScript does not allow ".js" extensions in the
-  // module name, so SystemJS must add it.
-  System.config({
-   defaultJSExtensions: true,
-  });
+import {wxMain} from "./../wxBackend";
 
-  System.import("../wxBackend")
-    .then((wxMessaging: any) => {
-      // Export as global for debugger
-      (window as any).wx = wxMessaging;
-      wxMessaging.wxMain();
-    }).catch((e: Error) => {
-      console.error("Loading Taler wallet background page failed.", e);
-    });
+window.addEventListener("load", () => {
+  wxMain();
 });