AI Workshop: learn to build apps with AI →
ES Modules: Using the `script` tag

Join the AI Workshop and learn to build real-world apps with AI. A hands-on, practical program to level up your skills.


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" runs in strict mode.

Lessons in 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