ES Modules: Renaming exports

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


You can rename any import, for convenience, using as:

A file can export the value a

const a = 1

export { a }

test.js

but you want to use it in another file with a more descriptive name, for example:

import { a as ageOfMyCat } from './test.js'

console.log(ageOfMyCat) //1

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