TS에서 여러 파일을 묶고 싶을 땐? 배럴(Barrel)을 이용하자!

 

배럴은 무엇을 담는 통이다.

타입스크립트에도 배럴 개념이 있다.

 

예를들어,

‘./hero’ 는 ‘./hero/index.ts' 를 가리킨다.

따라서, 묶고 싶은 파일들이 있으면 hero같은 폴더를 만들고, 파일들을 넣어놓고 index.ts를 만들면 된다.

// ./Hero/index.ts
export * from "./Button";
export * from "./Input";
export * from "./Modal";

// 사용할 땐
import { Button, Input, Modal } from "./components";