Aurelia CDN Babel Template

<!DOCTYPE html>
<html>

  <head>
    <title>Aurelia Babel Template</title>
  </head>

  <body aurelia-app="src/main">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.31/system.js"></script>
    <script src="config-esnext.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aurelia/1.0.2/aurelia-core.min.js"></script>
    <script>
      System.import('aurelia-bootstrapper');
    </script>
  </body>

</html>

# Aurelia Babel Template

Intended as a template for sharing code only. 

Production Aurelia sites should be using a build system and not the script tag.

See also https://github.com/aurelia/aurelia

System.config({
    transpiler: "plugin-babel",
    devConfig: {
        "map": {
            "plugin-babel": "unpkg:systemjs-plugin-babel@0.0.12/plugin-babel.js",
            "systemjs-babel-build": "unpkg:systemjs-plugin-babel@0.0.12/systemjs-babel-browser.js"
        }
    },
    paths: {
        "unpkg:*": "//unpkg.com/*"
    },
    packages: {
        "src": {
            defaultJSExtensions: true,
            defaultExtension: "js"
        }
    }
});

<template>
  <h1>${message}</h1>
</template>

export class App {
    
    message = 'Hello World';

  /*
  constructor() {
      this.message = 'Hello World';
  }
  */
}

export function configure(aurelia) {
  aurelia.use.basicConfiguration();
  aurelia.start().then(() => aurelia.setRoot());
}