export default vs. export const

JavaScript

4/23/2022, 9:46:05 PM

by Leo Voon

Default export

// module.js
const a = 1
export default a;

import YouNameIt from './module.js'
// a is now YouNameIt

Named export

export const or export function is a named export that exports a const declaration or declarations.

// module.js
const a = 1
export a;

import { a } from './module.js'
// must import as a
// or rename it 
import { a as c } from './module.js'