How do I use System.import in an Aurelia app?

[djensen47]

I was looking at the answer to #73 and one suggestion was to use System.import so I tried it in my main.js and it failed with System is not defined.

Next, I attempted to tweak babel settings, install a babel plugin, install systemjs but nothing seemed to work.

[Thanood]

It depends on the loader you're acually using.
Aurelia has an abstracted loader. I think it should be safe to use that.
Docs: http://aurelia.io/hub.html#/doc/api/aurelia/loader/1.0.0/class/Loader

Example:

import {inject, Loader} from 'aurelia-framework';

@inject(Loader)
export class MyClass {
  constructor(loader) {
    this.loader = loader;
  }

  myMethod() {
    this.loader.loadModule('module-id').then((module) => { doSomethingWith(module); });
  }
}

(disclaimer: "hand-written", may contain errors 😏 )

[djensen47]

This worked great for me. Thanks @Thanood!