ES Modules: Multiple exports

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

We’ve seen how to export a value from a JavaScript file:

const a = 1

export { a }

We can export more by simply adding more values to the export:

const a = 1
const b = 2
const c = 3

export { a, b, c }

test.js

A file that wants to use them can use one, some, or all of the values:

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

//or
import { a, b } from './test.js'

//or
import { c, b, a } from './test.js'

//or
import { c } from './test.js'

Or, you can import all as a namespace:

import * as test from './test.js'

In this case, you’ll have all the variables exported by the exporting file available on the test object:

import * as test from './test.js'

console.log(test.a) //1
console.log(test.b) //2
console.log(test.c) //3