importをまとめる
複数ファイルに分けられたexportをまとめてimportしたい時.
index.tsでまとめてexportして、それをimportする.
folder/A.ts
export const utilFuncA=()=>{}
folder/B.ts
export utilFuncB=()=>{}
folder/index.ts
export { utilFuncA } from './A' export { utilFuncB } from './B'
呼び元
import { utilFuncA, utilFuncB } from './folder'
exportしたいものを追加していくためにindex.tsでのexportを
export * from './A' export * from './B'
としたいところですが、react上で "Consider explicitly re-exporting to resolve the ambiguity. "
と怒られました。名前が被る可能性があるからでしょうか。
* as UtilAとか名前つけても大丈夫そうですが呼ぶ時に記述増えてあんまり意味ないような。