DEV Community

Cover image for Importing and Exporting Modules in JavaScript
Anas Nabil
Anas Nabil

Posted on

Importing and Exporting Modules in JavaScript

  • Name Export
export const name = 'value'
Enter fullscreen mode Exit fullscreen mode
  • Name Import
import { name } from '...'
Enter fullscreen mode Exit fullscreen mode

  • Default Export
export default 'value'
Enter fullscreen mode Exit fullscreen mode
  • Default Import
import anyName from '...'
Enter fullscreen mode Exit fullscreen mode

  • Rename Export
export { name as newName }
Enter fullscreen mode Exit fullscreen mode
  • Name Import
import { newName } from '...'
Enter fullscreen mode Exit fullscreen mode

  • List Export and Renaming
export {
    name1,
    name2 as newName2
}
Enter fullscreen mode Exit fullscreen mode
  • List Import and Renaming
import {
    name1 as newName1,
    newName2
} from '...'
Enter fullscreen mode Exit fullscreen mode

Top comments (0)