TypeScriptのindex.tsってなに？って思ったのでメモ

Barrelというらしい

basarat.gitbook.io

Barrelを使わない場合

• demoディレクトリに3ファイルある場合を想定している

// 3つのファイルそれぞれでexport
// demo/foo.ts
export class Foo {}

// demo/bar.ts
export class Bar {}

// demo/baz.ts
export class Baz {}

import { Foo } from '../demo/foo';
import { Bar } from '../demo/bar';
import { Baz } from '../demo/baz';

それぞれでimport / exportしているのでつらい🥺

Barrelを使う場合

• demo/index.ts

// まとめてexport
export * from './foo'; // re-export all of its exports
export * from './bar'; // re-export all of its exports
export * from './baz'; // re-export all of its exports

import { Foo, Bar, Baz } from '../demo'

まとめてexport / importできてすっきり🙋‍♂️

以上です。あざました〜〜