easy to use import , export with 'model':
<script type="module">
import {addTextToBody} from './utils.mjs';
addTextToBody('Modules are pretty cool.');
</script>
// utils.mjs
export function addTextToBody(text) {
const div = document.createElement('div');
div.textContent = text;
document.body.appendChild(div);
}
'bare' import not support currently:
// Supported:
import {foo} from 'https://jakearchibald.com/utils/bar.mjs';
import {foo} from '/utils/bar.mjs';
import {foo} from './bar.mjs';
import {foo} from '../bar.mjs';
// Not supported:
import {foo} from 'bar.mjs';
import {foo} from 'utils/bar.mjs';
more information: https://jakearchibald.com/2017/es-modules-in-browsers/