<!DOCTYPE html>

    <script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.31/system.js"></script>

    <h1>Testing ES6 module loader</h1>
    <p class="test">Let's see if it is working?</p>

import {testModule} from 'module.js';

# Using modern ES6 module loader in web sites

In order to use module loader, you must load these libraries in the head of your page:
- [Traceur](https://github.com/systemjs/plugin-traceur)
- [SystemJS](https://github.com/systemjs/systemjs)

Then at the bottom of your page call your entry script

export let testModule = () => {
  let test = document.querySelector('.test');
  test.innerHTML = 'It works!';
  test.style.cssText = 'color: red';