TypeScriptのBarrel(バレル)パターンてなに？

バレルパターンというファイルの管理の仕方がTypeSctiptにあるようです。
TypeScript Deep Dive 日本語版

• Barrelの意味：樽
  • 参考

従来のモジュールのimportの仕方

3つのモジュールをimport

demo/fizz.ts

const Fizz = () => {
  console.log('Fizz')
}
export Fizz

demo/buzz.ts

const Buzz = () => {
  console.log('Buzz')
}
export Buzz

demo/fizzbuzz.ts

const FizzBuzz = () => {
  console.log('FizzBuzz')
}
export FizzBuzz

importする文が3つ必要になる
→これを1つにまとめることができるのがBarrelパターン

demofile.ts(Barrelパターン前）

import { Fizz } from '../demo/fizz'
import { Buzz } from '../demo/buzz'
import { FizzBuzz } from '../demo/fizzbuzz'

そのために必要なindexファイルを作成

demo/index.ts

export * from './fizz'; 
export * from './buzz'; 
export * from './fizzbuzz'; 
export FizzBuzz

1つのファイルからimport

demofile.ts(Barrelパターン後)

// ../demo/indexのindexは省略することが可能
import { Foo, Bar, Baz } from '../demo';