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)