Importing and Exporting Modules in JavaScript

• Name Export

export const name = 'value'

• Name Import

import { name } from '...'

---

• Default Export

export default 'value'

• Default Import

import anyName from '...'

---

• Rename Export

export { name as newName }

• Name Import

import { newName } from '...'

---

• List Export and Renaming

export {
    name1,
    name2 as newName2
}

• List Import and Renaming

import {
    name1 as newName1,
    newName2
} from '...'

---

Comments

[Lou Cyx]

Just a heads up that you can add highlighting to the code blocks if you'd like. Just change:

... to specify the language:

More details in our editor guide!

About the actual post, one scenario that I think is missing is when you re-export one thing from another file:

export { something } from "somewhere";
// or
export { something as somethingElse } from "somewhere";

Cheers!