multi export in cra(create-react-app)

export {}, 
export default, 

 

react에서 모듈을 export하는 방법은 많습니다. 다양하게 쓰여 처음에 저에게도 매우 어려웠는데요. 제가 느낀바로, export는 import와 상응하는구나 였습니다.

 

export {Module} => import * a from "...path",  사용시 a.Module
export default Module=>  import Module from "...path" 

 

 

본론으로 넘어가, 프로젝트를 더 진행하다보면 모듈의 갯수가 많아집니다. 하지만 늘어나는 모듈만큼 js파일을 늘리는건 미래 유지보수가 힘들어집니다. 그래서 한페이지 안에서 여러 모듈을 export하는 방법을 소개할까 합니다. 사실 정답은 위에 있었습니다.

 

export {module1, module2}

//import시
import * as mob from "...path", 

mob.module1, mob.module2

 

export시 객체 자체를 export해주고 import시 임의로 불러와 그중에 선택하는 식입니다. 이상입니다!