javascript - Xuất tất cả các tệp trong `index.ts`

Muốn có khả năng nhập bất kỳ thành phần nào trong thư mục components, trực tiếp từ thư mục components.

Cấu trúc thư mục hiện tại là:

src
├── components
│   ├── Camera.tsx
│   ├── Keyboard.tsx
│   └── index.ts
└── screens
    └── App.tsx

Và muốn có thể nhập khẩu như sau:

// src/screens/App.tsx

import { Keyboard } from '../components'

Lựa chọn đầu tiên rõ ràng là duy trì một danh sách dài các xuất khẩu trong src/components/index.ts:

// src/components/index.ts

export { Camera } from './Camera'
export { Keyboard } from './Keyboard'

Tuy nhiên, điều này khó duy trì. Có cách nào sử dụng glob và đối tượng export để tự động xuất tất cả các thành phần, hoặc có thể có một cách khác hoàn toàn không?

Câu trả lời #1

Bạn có thể đạt được điều đó bằng cách chỉnh sửa index.ts của bạn như sau

src
├── components
│   ├── Camera.tsx
│   ├── Keyboard.tsx
│   └── index.ts <=== this file
└── screens
    └── App.tsx

export * from './Camera'
export * from './Keyboard'

Câu trả lời #2

Vì bạn đang sử dụng TypeScript, tại sao không chỉ sử dụng paths trong TsConfig như được mô tả ở đây?