LHJ

I'm a FE developer.

ES6 모듈문법 - default export 다시 내보내기

21 Sep 2020 » js_module

default export 다시 내보내기

기본 내보내기를 다시 내보낼 때는 주의해야할 점들이 있습니다.
user.js 내의 클래스 User를 다시 내보내기 한다고 가정해봅시다.

// user.js
export default class User {
    // ...
}
  1. Userexport User from './user.js'로 다시 내보내기 할 때 문법 에러가 발생합니다.
    어디가 잘못된 걸까요?

    default export를 다시 내보내려면 위 예시처럼 export {default as User}를 사용해야 합니다.

  2. export * from './user.js를 사용해 모든걸 한 번에 다시 내보내면 default export는 무시되고, named export만 다시 내보내집니다.
    두 가지를 동시에 다시 내보내고 싶다면 두 문을 동시에 사용해야 됩니다.

    export * from './user.js'; // named export를 다시 내보내기
    export {default} from './user.js'; // default export를 다시 내보내기
    

default export를 다시 내보낼 땐 이런 특이한 상황도 인지하고 있다가 처리해줘야 하므로 몇몇 개발자들은 default export를 다시 내보내는것을 선호하지 않습니다.