Using JavaScript ES6 import/export modules

How to use ES6 modules in your browser

You can include a module in your HTML by adding a script with type="module":

<script type="module">
    import {helloWorld} from './hello-world.js';
    helloWorld();
</script>

const helloWorld = () => alert ('Hello World!');
export {
    helloWorld
};

Steps:

1. Download the source code and unzip the files.
2. Run a static server on the source folder
   eg: >live-server port=8080
3. Open the localhost:8080
4. You would see alert message

• Previous