ES Modules: Using the `script` tag

An HTML page can load a module by using a <script> tag with the special type="module" attribute:

<script type="module" src="test.js"></script>

So now inside your page you can use the import syntax to get access to the values exported by that module.

Note: this module import behaves like a defer script load. See efficiently load JavaScript with defer and async

It’s important to note that any script loaded with type="module" is loaded in strict mode.

Lessons this unit:

0: Introduction
1: Using import and export
2: .mjs files
3: Default exports
4: Multiple exports
5: Renaming exports
6: ▶︎ Using the `script` tag