??? JavaScript ? TypeScript ??????? ?????? ??? ?? ??? ???? ????? ?? ???? ??? ?? ?? ???? ???? ?? ?? ?????. ?? ??? ?? ??? ???? ??? ?? ?????? ?? ???? ? ????? ????? ????? ?????? ???? ??? ?????. ?? ?????? Barrel Pattern? ?? ??? ????, ? ??? ????, TypeScript? JavaScript?? ?? ????? ???? ??? ???????.

?? ???? ??????

?? ??? ?????? ????? ????? index.ts ?? index.js?? ?? ??? ???? ???? ?????. ?? ??? ???? ????? ??? ???? ?? ?? ??? ???? ?? ????? ?? ?? ??? ? ???? ???? ????? ????? ?? ???? ?????.

?? ?? ?? ?? ???? ?? ???? ??:

import { UserService } from './services/UserService';
import { ProductService } from './services/ProductService';
import { OrderService } from './services/OrderService';

?? ??? ??? ?? ????? ??? ?? ??? ??? ? ????.

import { UserService, ProductService, OrderService } from './services';

?? ??? ??

1. ???? ???: ? ??? ?? ?? ???? ?? ???? ?? ? ???? ?????.
2. ?? ?? ??? ??: ????? ???? ? ?? ??? ???? ??? ?? ?? ??? ?? ??? ????? ?????.
3. ?? ??? ??: ?? ???? ????? ???? ?? ???? ???? ? ???? ??? ??????.
4. ??? ?? ??: ?? ??? ?? ??? ????? ?????? ??? ??? ?? ???? ?? ??? ?????.
5. ?? ?? ??: ?? ??? ???? ????? ??? ?? import ?? ?? ?? ??? ??? ?????? ???.

---

JavaScript/TypeScript?? ?? ?? ??

???? TypeScript ?????? ?? ??? ???? ???? ??? ??? ????. ??? ?? ???? ??? ??? ??? ?????.

src/
│
├── models/
│   ├── User.ts
│   ├── Product.ts
│   └── Order.ts
│
├── services/
│   ├── UserService.ts
│   ├── ProductService.ts
│   └── OrderService.ts
│
└── index.ts

1??: ?? ?? ??

?? ? ???? ?? ? ???? ?? ?? ?? ?? ??? ?? ???? index.ts ??? ????.

??/index.ts

export * from './User';
export * from './Product';
export * from './Order';

???/index.ts

export * from './UserService';
export * from './ProductService';
export * from './OrderService';

2??: ?? ???? ????

?? ?? ??? ???? ?? index.ts ??? ?? ??? ? ????.

?? ??, ???? ?????:

import { UserService } from './services/UserService';
import { ProductService } from './services/ProductService';
import { OrderService } from './services/OrderService';

? ? ????? ?? ?? src/index.ts? ?? ?? ?? ??? ???? ????? ?? ??? ?? ????.

src/index.ts

import { UserService, ProductService, OrderService } from './services';

?? ???? ???? ?? ??? ???? ??? ? ????.

src/
│
├── models/
│   ├── User.ts
│   ├── Product.ts
│   └── Order.ts
│
├── services/
│   ├── UserService.ts
│   ├── ProductService.ts
│   └── OrderService.ts
│
└── index.ts

?? ?? ??

???? ??? ??? ??? ?? ? ?? ?? ??? ???? ????? ???? ?? ????.

export * from './User';
export * from './Product';
export * from './Order';

---

?? ?? ? ?? ??

1. ??? ?? ?? ??: ?? ?? ??? ???? ???? ??? ???? ??? ? ????. ???? ???? ?? ??? ???? ??? ?? ??? ?????.
2. ?? ??? ??: ?? ??? ??? ?? ??? ? ??? ? ?? ?? ???? ?????. TypeScript? ?? ???? ??? ?????.
3. ?? ??? ???: ??? ???? ?? ??? ? ?????? ???? ?? ???? ???? ??? ?? ?????. ??? ?? ?? ??? ?? ? ????. Webpack? ?? ?? ??? ??? ????? ????? ???? ?? ??? ???? ? ??? ? ? ????.
4. ??? ?? ??? ???? ??: ????? ????(export * from)? ????? ??? ????? ???? ? ??? ??? ? ?? ??? ? ????.

---

?? ??

?? ??? ??? JavaScript ? TypeScript ????? ?? ??? ?? ?????. ? ?? ??? ?? ???? ?????? ?? ???? ??? ?? ??? ????? ???? ????? ????? ?????. ??? ????? ?? ?? ??? ??? ????? ?? ??? ???? ???? ?? ?? ???? ???? ?? ?????.

????? ?? ??? ??? ?? ????? ??? ????? ?? ??? ??? ? ??? ??? ???!

? ??? JavaScript/TypeScript? ?? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!