Exports&Imports

default export

default - 파일에서 어떤 것을 가져오면 항상 default export가 내보낸 것을 기본값으로 가져온다

default export의 경우 지정할 때 이름을 아무거나 사용할 수 있다.

import person from './person.js'

import prs from './person.js'

named export

export const baseData = 10;

named export의 경우 파일 안에서 정의된 정확한 이름을 export키워드와 함께 사용해야한다.
하지만
import하는 파일에서 as 키워드를 사용하면 원하는 이름을 할당할 수 있다.

#utility.js
export const baseData = 10;

#app.js
import {baseData} from './utility.js'

import {baseData as bD} from './utility.js'

#named export가 많을 경우
import * as bundled from './utility.js'

마지막의 경우 모든 상수로 된 자바스크립트 객체가 된다.
그리고 다른 파일에서는 export한 것에bundled.baseData, bundled,clean 와 같이 접근할 수 있다.